Dynamic Tabs Icons

You can choose from available Pricefx icons to use in your dynamic tabs and steps to add some extra flavor and make them easier to distinguish. “Wizard“ layout does not support displaying icons but always consists of numbered steps.

Example

In this example we define the clipboard-notes icon for the Notes tab:

{
  "name": "default",
  "tabs": [
   {
      "icon": "clipboard-notes",
      "name": "notes",
      "type": "notes",
      "labelTranslations": {
        "": "Notes",
        "de": "Notizen",
        "pl": "Notatki"
      }
    },
    ...

Available icons, as of 12.0 Clover Club release are:

angle-double-left	angle-down-b	angle-down	angle-left-b	angle-right-b
angle-right	arrow-down	arrow-left	arrow-right	arrow-up
bars	bell	blue	brackets-curly	browser
calculator-alt	calculator	calendar-alt	calender	chart-growth
chart-line	check-circle-solid	check-circle	check	circle
clipboard-notes	code-branch	cog	comment-alt-message	comparison
compress-arrows	constructor	copy	corner-up-left	corner-up-right
critical	crosshair	crosshairs	dashboard	database
download-alt	ellipsis-h	english-to-chinese	enter	equal-circle
exclamation-circle-solid	exclamation-circle	exclamation-octagon-solid	exclamation-octagon	exclamation-triangle-solid
exclamation-triangle	expand-alt	exposure-increase	external-link-alt	eye
file-check-alt	file-copy-alt	file-edit-alt	file-info-alt	file-plus-alt
file	filter	focus	folder-medical	folder-open
folder	fullscreen-exit	gray	green	grip-horizontal-line
import	info-circle	key	layer-group-slash	layer-group
link-broken	link-h	message	minus-circle	minus-square
minus	multiply	notes	pause	pen
percentage	play	plus-circle	plus-square	plus
process	puzzle-piece	question-circle	question	red
redo	retweet	save	search-minus	search
setting	sliders-v-alt	sort-amount-down	sort-amount-up	sync
times-circle-solid	times-circle	times	trash-alt	upload-alt
upload	user	wrench	x-add	yellow

Configuration Engineer Knowledge Base

Dynamic Tabs Icons

Related content