Layouts

Warp comes with a sophisticated layout system to create any kind of sidebar or widget layout. You can easily manage the sidebar's positions and widths in the theme administration. Widgets can have different styles and be placed in any position offered by this theme. Each position has its own layout. You can align widgets side-by-side, stack them or choose your own grid layout. Show or hide widgets on mobile devices, while the grid adapts perfectly to your layout.

Warp Layout System

UIkit


Article title

UIkit

Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

<div class="myclass">...</div>

text-muted
text-primary
text-success
text-warning
text-danger
a element
em element
strong
code element
del element
ins element
mark element
q inside a q element
abbr element
dfn element

Badge 1 Success 4 Warning 3 Danger 4

h1

h2

h3

h4

h5
h6

Lorem ipsum dolor.

Someone famous
  • Author

    May 2, 2090 at 1:55 pm

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna.

Divider

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Box

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Box primary

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Box secondary

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Info message

Success message

Warning message

Danger message

55%
55%
55%
55%
Form states
Form styles


  • List item 1
  • List item 2
  • List item 3
  • List item 1
  • List item 2
  • List item 3
Table caption
Table Heading
Table Data
Table Data
Description lists
Description text.
Description lists
Description text.

Title

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Title

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Custom Widgets

Monday theme comes with the content creator Widgetkit 2. In addition to all default widgets, it features 5 custom renderers – Tabs, Slideshow Panel, Slideshow, Grid, Twitter and List.

Tabs

Tabs

Monday features a custom Switcher widget. The tabbed navigation displays a border whose color will automatically adapt to the item's tag.

Slideshow panel

Slideshow panel

This Slideshow Panel provides the option to display each item's tag above the content.

The slidenav can be positioned at the top right, top left, bottom left and bottom right of the Slideshow Panel.

Slideshow

Slideshow

This Slideshow widget comes with a custom thumbnail navigation. Tags will be displayed as a colored border on top of every thumbnail, while the content appears on hover inside a panel on top of the item's image.

Grid

Grid

The custom Grid widget places images in a teaser layout above or in alternating order above and below the content.

Tags will be displayed as a colored border on top of the content.

Twitter

Twitter

This Twitter widget publishes your latest three tweets inside a Slideshow.

List

List

The List widget allows you to add tags to list items. This is useful when publishing an overview of latest posts in the Sidebar.