Icons
A set of icons have been designed/defined for RamBase. In need of new icons designer should be consulted to prevent erroneous use of icons and/or wrong layout and style
Example of a typical icon:
<i class="icon-pencil"></i>
Inspect icon
An inspect link will display as a small icon right to the label. Clicking on the icon will navigate to the application link specified. When the label has focus the user can also press F10 to navigate.
Example of inspect for a rb-input:
<rb-input type="text"
ng-model="vm.product"
label="{{'Product' | translate}}"
rb-fieldname="firstName"
inspect="ART/{{vm.product}}">
</rb-input>Example of inspect for any HTML element:
<span rb-inspect="{{vm.link}}">Click on icon to navigate</span>All icons
Reserved icons
Customer |
| icon-profile-title | Supplier |
| icon-building |
Inspect link (navigate away) |
| icon-link-ext-alt | Inspect link (open popup) |
| icon-link-ext |
Bookmarks |
| icon-star | Grid settings |
| icon-cog |
Product type KS |
| icon-ks | Product type KM |
| icon-km |
Product type W |
| icon-w | Product type X |
| icon-x |
Product type WT |
| icon-wt | Product type P |
| icon-p |
Main icons
| icon-search |
| icon-splitter |
| icon-reset |
| icon-columns |
| icon-mail-alt |
| icon-attach |
| icon-paper-plane |
| icon-inbox |
| icon-help |
| icon-help-circled |
| icon-info-circled |
| icon-info |
| icon-link |
| icon-unlink |
| icon-lock |
| icon-lock-open |
| icon-rent |
| icon-money |
| icon-cube |
| icon-basket |
| icon-download-data |
| icon-upload |
| icon-download-cloud |
| icon-upload-cloud |
| icon-doc-text |
| icon-file-pdf |
| icon-file-word |
| icon-file-excel |
| icon-file-powerpoint |
| icon-file-image |
| icon-folder |
| icon-folder-open |
| icon-doc-preview |
| icon-print |
| icon-floppy |
| icon-note |
| icon-notebook |
| icon-address-book |
| icon-archive |
| icon-clipboard |
| icon-edit |
| icon-pencil |
| icon-trash |
| icon-cancel |
| icon-plus |
| icon-doc-add |
| icon-doc-remove |
| icon-sar |
| icon-filter |
| icon-cog |
| icon-ok |
| icon-minus |
| icon-approved |
| icon-approve |
| icon-denied |
| icon-minus-circled |
| icon-list-add |
| icon-task |
| icon-open-task |
| icon-open-my-task |
| icon-calendar |
| icon-calendar-empty |
| icon-list-alt |
| icon-window |
| icon-comment |
| icon-chat |
| icon-comment-empty |
| icon-chat-empty |
| icon-globe |
| icon-home |
| icon-user |
| icon-users |
| icon-vcard |
| icon-profile-title |
| icon-building |
| icon-briefcase |
| icon-login |
| icon-logout |
| icon-ellipsis |
| icon-ellipsis-vert |
| icon-attention |
| icon-phone |
| icon-pin-fix |
| icon-wrench |
| icon-activity |
| icon-list-view |
| icon-view |
| icon-board-view |
| icon-flag |
| icon-pending |
| icon-clock |
| icon-stop |
| icon-chart-line |
| icon-graduate-cap |
| icon-menu |
| icon-tour |
| icon-bell-alt |
| icon-megaphone-fill |
| icon-dollar |
| icon-key |
| icon-barcodereader |
| icon-barcodereader-s-hide |
| icon-keyboard-s |
| icon-keyboard-s-hide |
Arrow icons
| icon-move |
| icon-down-dir |
| icon-up-dir |
| icon-down-open |
| icon-left-open |
| icon-right-open |
| icon-up-open |
| icon-down-big |
| icon-left-big |
| icon-right-big |
| icon-up-big |
| icon-right-hand |
| icon-left-hand |
| icon-left-open-mini |
| icon-right-open-mini |
| icon-to-end |
| icon-to-end-alt |
| icon-to-start |
| icon-to-start-alt |
| icon-fast-fw |
| icon-doublearrow-down |
| icon-doublearrow-up |
| icon-doublearrow-left |
| icon-doublearrow-right |
| icon-fast-bw |
| icon-down-hand |
| icon-thumbs-up |
| icon-thumbs-down |
| icon-reply |
| icon-reply-all |
| icon-forward |
| icon-thumbs-up-alt |
| icon-thumbs-down-alt |
Production icons
| icon-km |
| icon-ka |
| icon-k |
| icon-kit |
| icon-c |
| icon-z |
| icon-xf |
| icon-x |
| icon-wt |
| icon-p |
| icon-wx |
| icon-ks |
| icon-v |
| icon-r |
| icon-w |
| icon-m |
Weather icons
| icon-sun |
| icon-cloud |
| icon-moon |
| icon-cloud-sun |
| icon-drizzle |
| icon-snow |
| icon-fahrenheit |
| icons-cloud-flash-alt |
| icon-cloud-flash |
| icon-cloud-wind |
| icon-wind |
| icon-temperature |
| icon-hail |
| icon-clouds-flash-inv |
| icon-windy-inv |
| icon-sunrise |
| icon-moon-inv |
| icon-cloud-sun-inv |
| icon-cloud-moon-inv |
| icon-fog |
| icon-cloud-inv |
| icon-cloud-flash-inv |
| icon-drizzle-inv |
| icon-rain |
| icon-cloud-moon |
| icon-fog-sun |
| icon-fog-moon |
| icon-fog-cloud |
| icon-eclipse |
| icon-mist |
| icon-cloud-flash-alt |
| icon-snow-heavy |
| icon-windy |
| icon-windy-rain |
| icon-clouds |
| icon-clouds-flash |
| icon-windy-rain-inv |
| icon-snow-i |
| icon-snow-heavy-inv |
| icon-temperatire |
Other icons
| icon-merge |
| icon-tab |
| icon-row |
| icon-procurement |
| icon-lock-block |
| icon-cart-block |
| icon-happy |
| icon-megaphone-line |
| icon-th-large |
| icon-view-columan |
| icon-history |
| icon-play-circled |
| icon-pin |
| icon-eye |
| icon-eye-off |
| icon-tag |
| icon-tags |
| icon-bookmark |
| icon-spin |
| icon-rocket |
| icon-desktop |
| icon-retweet |
| icon-flight |
| icon-leaf |
| icon-cab |
| icon-truck |
| icon-dollar_sign |
| icon-sort-alt-up |
| icon-sort-alt-down |
| icon-sort-name-up |
| icon-sort-name-down |
| icon-sort-number-up |
| icon-sort-number-down |
| icon-hammer |
| icon-coffee |
| icon-food |
| icon-cubes |
| icon-lifebuoy |
| icon-bookmarks |
| icon-umbrella |
| icon-docs |
| icon-tools |
| icon-sound |
| icon-puzzle |
| icon-chart-bar |
| icon-pencil-alt |
| icon-newsletter |
| icon-progress |
| icon-award |
| icon-grid |
| icon-compass |
| icon-na |
| icon-delicious |
| icon-digg |
| icon-social |
| icon-smiley-circled |
| icon-putaway |
| icon-customer |
| icon-supplier |
| icon-hospital |
| icon-restart |
| icon-keyboard-arrow |
| icon-request |
| icon-required |
| icon-yahoo |
| icon-gmail |
| icon-outlook |
| icon-ios |
| icon-copy-url |
| icon-copy |
| icon-meeting |
| icon-facebook |
| icon-cog-alt |
| icon-alternative |
| icon-code |
| icon-play-circle |
| icon-screw |
| icon-add-certificate |
| icon-address-book-alt |
| icon-asterisk |
| icon-bidding |
| icon-bulb |
| icon-cause |
| icon-certificate |
| icon-change-purchase |
| icon-change |
| icon-chart-area |
| icon-chart-bar-stack |
| icon-chart-pie |
| icon-checklist |
| icon-colourpick |
| icon-continue |
| icon-deviation |
| icon-doc-invoice |
| icon-doc-order-request |
| icon-doc-order |
| icon-doc-quote-request |
| icon-doc-quote |
| icon-download-doc |
| icon-download |
| icon-email-in |
| icon-email-out |
| icon-exclamation-mark |
| icon-export-alt |
| icon-export |
| icon-factory-config |
| icon-factory |
| icon-file-audio |
| icon-file-avi |
| icon-file-css |
| icon-file-csv |
| icon-file-gif |
| icon-file-html |
| icon-file-jar |
| icon-file-js |
| icon-file-msg |
| icon-file-onenote |
| icon-file-package |
| icon-file-presentation |
| icon-file-psd |
| icon-file-svg |
| icon-file-video |
| icon-file-xml |
| icon-file-zip |
| icon-files |
| icon-hidden |
| icon-keyboard |
| icon-ledger |
| icon-linkedin |
| icon-location |
| icon-megaphone |
| icon-onhold |
| icon-order |
| icon-overview |
| icon-pause |
| icon-play |
| icon-qa |
| icon-quality |
| icon-register |
| icon-relation |
| icon-relocate |
| icon-resize |
| icon-shield-ok |
| icon-shield-question |
| icon-stock-correction |
| icon-teams |
| icon-timeline |
| icon-trophy |
| icon-undo |
| icon-user-admin-cons |
| icon-user-cons |
| icon-user-time |
| icon-vat |
| Icon-webinar |
| icon-wh |
|
