Abe Hires
Abe Hires
Responsive
DisplayOnDevice
Allows you to set if a desired element will be visible on a specific device.
This image will display on all devices.
This image will display on desktop and tablet.
This image will display on phone only.
MoveOnDevice
Define the target container for several elements in different devices without duplicating them, i.e. place a search bar on Desktop header but for Tablet and Phone, display on the offcanvas menu.
In Desktop, display image on this container.
In Tablet, display image on this container.
In Phone, display image on this container.
ResponsiveImages
Just drop each image in the corresponding device placeholder, this pattern will only load the corresponding image when needed.
Desktop

image.jpg 
Tablet

image_tablet.jpg 
Phone

image_phone.jpg 
ResponsiveTableRecords
Alternative layout for Responsive Table Records. With this arrangement the cells are stacked on top of each other on phone, and all the fields are visible.
UserAddressPostal CodeCity
Alejandra CaminoBuenos AiresArgentinaalejandra.camino@lexcor.com
Jean FresnièreCharleroiBelgiumjean.fresnière@powellexa.mple
Aria CruzSão PauloBrazilaria.cruz@lexcorp.net
Erivaldo SerraSão PauloBrazilerivaldo.serra@live.evample
Mario PontesCampinasBrazilmario.pontes@thathmple
Atention: In the default layout of Responsive Table Records only one field is visible, to see the others you need to expand the content, as you can see it below.
UserAddressPostal CodeCity
Alejandra CaminoBuenos AiresArgentinaalejandra.camino@lexcor.com
Jean FresnièreCharleroiBelgiumjean.fresnière@powellexa.mple
Aria CruzSão PauloBrazilaria.cruz@lexcorp.net
Erivaldo SerraSão PauloBrazilerivaldo.serra@live.evample
Mario PontesCampinasBrazilmario.pontes@thathmple
ToggleOnDevice
Hides content on a specific device and creates a link to expand it. Try it on the phone image below.
Desktop
Tablet
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