Explore Patterns
BadgeDisplays a number or text notification, a nice way to notify a user about new messages or tasks.
Usage
Simply set a number or text and a color in the Web Block properties. The number can be a local variable, function or any other Service Studio.
Browser Support 
Modern Browsers
IE8+
Modern Devices 
Offline Support   
Yes
CounterUse counters to give feedback about the current count of several elements, very useful on dashboards or summary pages.
Usage
Add content to the number and label placeholders, then, set up the color and size of the Web Block.
Browser Support 
Modern Browsers
IE8+
Modern Devices 
Offline Support   
Yes
IconBadgeSimilar to the Badge pattern, but displays a number or text notification on top of a RichWidget Icon.
Usage
Set the icon, a number or text and a color in the Web Block properties. The number can be a local variable, function or any other Service Studio.
Browser Support 
Modern Browsers
IE8+
Modern Devices 
Offline Support   
Yes
ProgressBarCustom progress bar with indication of a current action in percentage values.
Usage
Simply configure the way the label is displayed and the variable that defines the percentage. You can also change the height of the ProgressBar.
Browser Support 
Modern Browsers
IE8+
Modern Devices 
Offline Support   
Yes
TileIconDisplay quick information with an icon on top of a small caption.
Usage
Fill the text placeholder, then, change the icon, color and size. There is also an option to add a tooltip text automatically.
Browser Support 
Modern Browsers
IE8+
Modern Devices 
Offline Support   
Yes
TileIconTextDisplay quick information with an icon on the left and small text on the right.
Usage
Fill the text placeholder, then, change the icon, color and size. There is also an option to add a tooltip text automatically.
Browser Support 
Modern Browsers
IE8+
Modern Devices 
Offline Support   
Yes
TileNumberDisplay quick information with a number on top of a small caption.
Usage
Fill the text placeholder, then, change the number, color and size. There is also an option to add a tooltip text automatically.
Browser Support 
Modern Browsers
IE8+
Modern Devices 
Offline Support   
Yes
UserInitialsDisplay initials of the user in a nice circular badge.
Usage
Add the pattern to your screen and in the properties, provide the user name, set up color and size and it will display the user initials only.
Browser Support 
Modern Browsers
IE8+
Modern Devices 
Offline Support   
Yes
VISIT OUR FORUM
POST FEEDBACK
REPORT ISSUE
Silk UI Framework Simulation Device
Resize the window to preview the page in target devices.
Open the settings to change the simulation device options.
Click here to see your activities