DNN websites, modules, skins and support

DNN FontAwsomeSelect Skin Object

Description:

The 40FINGERS DNN FontAwsomeSelect Object allows you select a FontAwsome Icon for a Container.
Please note that the skin needs to load FontAwsome, the Skin Object will not do this.

Demo:

Use:

<%@ Register TagPrefix="dnn" TagName="TITLE" Src="~/Admin/Containers/Title.ascx" %>
<dnn:ff_FontAwsomeSelect runat="server" id="C1" Inherit="False"  />

Attributes:

Attribute: Mode
Use: Set the scope for the stored Text
Values:
        Portal: Stored for this Portal (same Icon on all pages)
        Tab: Stored for this Page
        Container: Stored for this container
Default: "Tab"
    
Attribute: SettingsName
Use: The name with which the Icon is stored, use different names for different Icons.
Values: Any String
Default: "Default"

  
Attribute: DefaultValue
Use: The Default Icon.
Values: "fa-home"
Default: ""


Attribute: Icons
Use: || separated list of font awsome icons
Values: fa-icon,f000
Default:
""fa-align-left,f036||fa-align-right,f038||fa-amazon,f270||fa-ambulance,f0f9||fa-anchor,f13d||fa-android,f17b||fa-angellist,f209||fa-angle-double-down,f103||fa-angle-double-left,f100||fa-angle-double-right,f101||fa-angle-double-up,f102||fa-angle-left,f104||fa-angle-right,f105||fa-angle-up,f106||fa-apple,f179||fa-archive,f187||fa-area-chart,f1fe||fa-arrow-circle-down,f0ab||fa-arrow-circle-left,f0a8||fa-arrow-circle-o-down,f01a||fa-arrow-circle-o-left,f190||fa-arrow-circle-o-right,f18e||fa-arrow-circle-o-up,f01b||fa-arrow-circle-right,f0a9||fa-arrow-circle-up,f0aa||fa-arrow-down,f063||fa-arrow-left,f060||fa-arrow-right,f061||fa-arrow-up,f062||fa-arrows,f047||fa-arrows-alt,f0b2||fa-arrows-h,f07e||fa-arrows-v,f07d||fa-asterisk,f069||fa-at,f1fa||fa-automobile,f1b9||fa-backward,f04a||fa-balance-scale,f24e||fa-ban,f05e||fa-bank,f19c||fa-bar-chart,f080||fa-bar-chart-o,f080||fa-battery-full,f240||fa-beer,f0fc||fa-behance,f1b4||fa-behance-square,f1b5||fa-bell,f0f3||fa-bell-o,f0a2||fa-bell-slash,f1f6||fa-bell-slash-o,f1f7||fa-bicycle,f206||fa-binoculars,f1e5||fa-birthday-cake,f1fd||fa-bitbucket,f171||fa-bitbucket-square,f172||fa-bitcoin,f15a||fa-black-tie,f27e||fa-bold,f032||fa-bolt,f0e7||fa-bomb,f1e2||fa-book,f02d||fa-bookmark,f02e||fa-bookmark-o,f097||fa-briefcase,f0b1||fa-btc,f15a||fa-bug,f188||fa-building,f1ad||fa-building-o,f0f7||fa-bullhorn,f0a1||fa-bullseye,f140||fa-bus,f207||fa-cab,f1ba||fa-calendar,f073||fa-camera,f030||fa-car,f1b9||fa-caret-up,f0d8||fa-cart-plus,f217||fa-cc,f20a||fa-cc-amex,f1f3||fa-cc-jcb,f24b||fa-cc-paypal,f1f4||fa-cc-stripe,f1f5||fa-cc-visa,f1f0||fa-chain,f0c1||fa-check,f00c||fa-chevron-left,f053||fa-chevron-right,f054||fa-chevron-up,f077||fa-child,f1ae||fa-chrome,f268||fa-circle,f111||fa-circle-o,f10c||fa-circle-o-notch,f1ce||fa-circle-thin,f1db||fa-clipboard,f0ea||fa-clock-o,f017||fa-clone,f24d||fa-close,f00d||fa-cloud,f0c2||fa-cloud-download,f0ed||fa-cloud-upload,f0ee||fa-cny,f157||fa-code,f121||fa-code-fork,f126||fa-codepen,f1cb||fa-coffee,f0f4||fa-cog,f013||fa-cogs,f085||fa-columns,f0db||fa-comment,f075||fa-comment-o,f0e5||fa-commenting,f27a||fa-commenting-o,f27b||fa-comments,f086||fa-comments-o,f0e6||fa-compass,f14e||fa-compress,f066||fa-connectdevelop,f20e||fa-contao,f26d||fa-copy,f0c5||fa-copyright,f1f9||fa-creative-commons,f25e||fa-credit-card,f09d||fa-crop,f125||fa-crosshairs,f05b||fa-css3,f13c||fa-cube,f1b2||fa-cubes,f1b3||fa-cut,f0c4||fa-cutlery,f0f5||fa-dashboard,f0e4||fa-dashcube,f210||fa-database,f1c0||fa-dedent,f03b||fa-delicious,f1a5||fa-desktop,f108||fa-deviantart,f1bd||fa-diamond,f219||fa-digg,f1a6||fa-dollar,f155||fa-download,f019||fa-dribbble,f17d||fa-dropbox,f16b||fa-drupal,f1a9||fa-edit,f044||fa-eject,f052||fa-ellipsis-h,f141||fa-ellipsis-v,f142||fa-empire,f1d1||fa-envelope,f0e0||fa-envelope-o,f003||fa-eur,f153||fa-euro,f153||fa-exchange,f0ec||fa-exclamation,f12a||fa-exclamation-circle,f06a||fa-exclamation-triangle,f071||fa-expand,f065||fa-expeditedssl,f23e||fa-external-link,f08e||fa-external-link-square,f14c||fa-eye,f06e||fa-eye-slash,f070||fa-eyedropper,f1fb||fa-facebook,f09a||fa-facebook-f,f09a||fa-facebook-official,f230||fa-facebook-square,f082||fa-fast-backward,f049||fa-fast-forward,f050||fa-fax,f1ac||fa-feed,f09e||fa-female,f182||fa-fighter-jet,f0fb||fa-file,f15b||fa-file-archive-o,f1c6||fa-file-audio-o,f1c7||fa-file-code-o,f1c9||fa-file-excel-o,f1c3||fa-file-image-o,f1c5||fa-file-movie-o,f1c8||fa-file-o,f016||fa-file-pdf-o,f1c1||fa-file-photo-o,f1c5||fa-file-picture-o,f1c5||fa-file-powerpoint-o,f1c4||fa-file-sound-o,f1c7||fa-file-text,f15c||fa-file-text-o,f0f6||fa-file-video-o,f1c8||fa-file-word-o,f1c2||fa-file-zip-o,f1c6||fa-files-o,f0c5||fa-film,f008||fa-filter,f0b0||fa-fire,f06d||fa-fire-extinguisher,f134||fa-firefox,f269||fa-flag,f024||fa-flag-checkered,f11e||fa-flag-o,f11d||fa-flash,f0e7||fa-flask,f0c3||fa-flickr,f16e||fa-floppy-o,f0c7||fa-folder,f07b||fa-folder-o,f114||fa-folder-open,f07c||fa-folder-open-o,f115||fa-font,f031||fa-fonticons,f280||fa-forumbee,f211||fa-forward,f04e||fa-foursquare,f180||fa-frown-o,f119||fa-futbol-o,f1e3||fa-gamepad,f11b||fa-gavel,f0e3||fa-gbp,f154||fa-ge,f1d1||fa-gear,f013||fa-gears,f085||fa-genderless,f22d||fa-get-pocket,f265||fa-gg,f260||fa-gg-circle,f261||fa-gift,f06b||fa-git,f1d3||fa-git-square,f1d2||fa-github,f09b||fa-github-alt,f113||fa-github-square,f092||fa-gittip,f184||fa-glass,f000||fa-globe,f0ac||fa-google,f1a0||fa-google-plus,f0d5||fa-google-plus-square,f0d4||fa-google-wallet,f1ee||fa-graduation-cap,f19d||fa-gratipay,f184||fa-group,f0c0||fa-h-square,f0fd||fa-hacker-news,f1d4||fa-hand-grab-o,f255||fa-hand-lizard-o,f258||fa-hand-o-down,f0a7||fa-hand-o-left,f0a5||fa-hand-o-right,f0a4||fa-hand-o-up,f0a6||fa-hand-paper-o,f256||fa-hand-peace-o,f25b||fa-hand-pointer-o,f25a||fa-hand-rock-o,f255||fa-hand-scissors-o,f257||fa-hand-spock-o,f259||fa-hand-stop-o,f256||fa-hdd-o,f0a0||fa-header,f1dc||fa-headphones,f025||fa-heart,f004||fa-heart-o,f08a||fa-heartbeat,f21e||fa-history,f1da||fa-home,f015||fa-hospital-o,f0f8||fa-hotel,f236||fa-hourglass,f254||fa-hourglass-1,f251||fa-hourglass-2,f252||fa-hourglass-3,f253||fa-hourglass-end,f253||fa-hourglass-half,f252||fa-hourglass-o,f250||fa-hourglass-start,f251||fa-houzz,f27c||fa-html5,f13b||fa-i-cursor,f246||fa-ils,f20b||fa-image,f03e||fa-inbox,f01c||fa-indent,f03c||fa-industry,f275||fa-info,f129||fa-info-circle,f05a||fa-inr,f156||fa-instagram,f16d||fa-institution,f19c||fa-internet-explorer,f26b||fa-intersex,f224||fa-ioxhost,f208||fa-italic,f033||fa-joomla,f1aa||fa-jpy,f157||fa-jsfiddle,f1cc||fa-key,f084||fa-keyboard-o,f11c||fa-krw,f159||fa-language,f1ab||fa-laptop,f109||fa-lastfm,f202||fa-lastfm-square,f203||fa-leaf,f06c||fa-leanpub,f212||fa-legal,f0e3||fa-lemon-o,f094||fa-level-down,f149||fa-level-up,f148||fa-life-bouy,f1cd||fa-life-buoy,f1cd||fa-life-ring,f1cd||fa-life-saver,f1cd||fa-lightbulb-o,f0eb||fa-line-chart,f201||fa-link,f0c1||fa-linkedin,f0e1||fa-linkedin-square,f08c||fa-linux,f17c||fa-list,f03a||fa-list-alt,f022||fa-list-ol,f0cb||fa-list-ul,f0ca||fa-location-arrow,f124||fa-lock,f023||fa-long-arrow-down,f175||fa-long-arrow-left,f177||fa-long-arrow-right,f178||fa-long-arrow-up,f176||fa-magic,f0d0||fa-magnet,f076||fa-mars-stroke-v,f22a||fa-maxcdn,f136||fa-meanpath,f20c||fa-medium,f23a||fa-medkit,f0fa||fa-meh-o,f11a||fa-mercury,f223||fa-microphone,f130||fa-mobile,f10b||fa-motorcycle,f21c||fa-mouse-pointer,f245||fa-music,f001||fa-navicon,f0c9||fa-neuter,f22c||fa-newspaper-o,f1ea||fa-opencart,f23d||fa-openid,f19b||fa-opera,f26a||fa-outdent,f03b||fa-pagelines,f18c||fa-paper-plane-o,f1d9||fa-paperclip,f0c6||fa-paragraph,f1dd||fa-paste,f0ea||fa-pause,f04c||fa-paw,f1b0||fa-paypal,f1ed||fa-pencil,f040||fa-pencil-square-o,f044||fa-phone,f095||fa-photo,f03e||fa-picture-o,f03e||fa-pie-chart,f200||fa-pied-piper,f1a7||fa-pied-piper-alt,f1a8||fa-pinterest,f0d2||fa-pinterest-p,f231||fa-pinterest-square,f0d3||fa-plane,f072||fa-play,f04b||fa-play-circle,f144||fa-play-circle-o,f01d||fa-plug,f1e6||fa-plus,f067||fa-plus-circle,f055||fa-plus-square,f0fe||fa-plus-square-o,f196||fa-power-off,f011||fa-print,f02f||fa-puzzle-piece,f12e||fa-qq,f1d6||fa-qrcode,f029||fa-question,f128||fa-question-circle,f059||fa-quote-left,f10d||fa-quote-right,f10e||fa-ra,f1d0||fa-random,f074||fa-rebel,f1d0||fa-recycle,f1b8||fa-reddit,f1a1||fa-reddit-square,f1a2||fa-refresh,f021||fa-registered,f25d||fa-remove,f00d||fa-renren,f18b||fa-reorder,f0c9||fa-repeat,f01e||fa-reply,f112||fa-reply-all,f122||fa-retweet,f079||fa-rmb,f157||fa-road,f018||fa-rocket,f135||fa-rotate-left,f0e2||fa-rotate-right,f01e||fa-rouble,f158||fa-rss,f09e||fa-rss-square,f143||fa-rub,f158||fa-ruble,f158||fa-rupee,f156||fa-safari,f267||fa-sliders,f1de||fa-slideshare,f1e7||fa-smile-o,f118||fa-sort-asc,f0de||fa-sort-desc,f0dd||fa-sort-down,f0dd||fa-spinner,f110||fa-spoon,f1b1||fa-spotify,f1bc||fa-square,f0c8||fa-square-o,f096||fa-star,f005||fa-star-half,f089||fa-stop,f04d||fa-subscript,f12c||fa-tablet,f10a||fa-tachometer,f0e4||fa-tag,f02b||fa-tags,f02c"

 

FontAwsome Skin Object

Select an Icon for you container in Edit Mode

OpenContent