Explore Patterns
CharacterCountDisplays the characters left in a target input field.
Usage
Bind the Input Widget where the user will write the text, set the character limit. The message parameter defines the text to show before the character count.
Browser Support 
Modern Browsers
IE8+
Modern Devices 
Offline Support   
Yes
FieldsetThe Fieldset element allows authors to group thematically related controls and labels.
Usage
Set the label of the Fieldset and then drag Input widgets to the content placeholder.
Browser Support 
Modern Browsers
IE8+
Modern Devices 
Offline Support   
Yes
FlipContentA container that builds a flippable widget, has placeholders for front and back elements.
Usage
Place your content in the placeholders and configure in the pattern parameters how the flip event is triggered and a button to show each side. If only one button is configured or the same button is used for both sides, it will behave as a toggle for both sides.
Browser Support 
Modern Browsers
IE8+
IE10+
Modern Devices 
Offline Support   
Yes
IframeAdd an IFrame to the webscreen.
Usage
Place the IFrame Web Block on the screen and configure the URL to the website you need to load. You can also set custom width and height for the IFrame.
Browser Support 
Modern Browsers
IE8+
Modern Devices 
Offline Support   
No
ScrollToElementScrolls the page to an element's position when the page loads.
Usage
Simply configure the element ID and the page will scroll to it after the page loads.
Browser Support 
Modern Browsers
IE8+
Modern Devices 
Offline Support   
Yes
StackedIconUse this pattern to be able to stack two RichWidget Icons on top of each other.
Usage
Select both icons to be displayed and their colors. You can also set which is in front and swap their sizes.
Browser Support 
Modern Browsers
IE8+
Modern Devices 
Offline Support   
Yes
VerticalAlignUse this pattern to align contents vertically.
Usage
Simply add an element to each placeholder and they will be aligned automatically.
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