Back to site

Testpage

Icons

Fontawesome:
Percent    Hashtag   All Fontawesome icons

Ionicons:
Star empty    Bolt outline   All ionicons

Toggling Icons

With toggleCaret
Trigger
It's toggled!
With toggleIcons
Trigger
use random icons!


Formatting Money

2’312.50
25.—-

Typeahead



Select



Datepicker


File Input


Masked Input

Social Security Number


Toggle One Button in a group



Switch

  

Password toggle

Show


Button Label as Dropdown



Collapse

Open
Opened content

Close


Popovers and Tooltips





Cards, same height, flexbox, responsive

Card image cap

Card title

A description of your card's content.

Card image cap

Card title

A description of your card's content.

Card image cap

Card title

A description of your card's content.
With more and more content

Card image cap

Card title

A description of your card's content.



Sortable List

  • 1
  • 2
  • 3
  • 4
  • 5

Sortable Grid

  • 1
  • 2
  • 3
  • 4
  • 5

Translations

Key: thisIsAtest
En: This is a test.
De: Das ist ein Test.
Fr: thisIsAtest (Not available)

Sign in
Show
User-Roles
Click the following to sign in as:
Default User
Admin
Superadmin

You are currently not signed in.
Show Deeplink

Change Data

Favorite Color:
Reload to see that the value changed permanently

Filtertable and Table Sorter

col1 col2
Kermit The Frog
Miss Piggy
Cook Smörebröd smörebröd römtömmtömmtömm

Smoothly scroll to a specified element

     

Checkall

A AA
1 11
2 22
3 33

Fake reload

Lorem ipsum dolor sit amet, consectetur adipisicing elit. In sunt cum nam odio ipsum autem assumenda consequuntur earum excepturi at modi amet aliquam quam, deserunt nobis vel obcaecati, numquam velit?


Copy to Clipboard

Copy this Lorem ipsum dolor sit amet, consectetur adipisicing elit. In sunt cum nam odio ipsum autem assumenda consequuntur earum excepturi at modi amet aliquam quam, deserunt nobis vel obcaecati, numquam velit?


Filter with buttons



  • Berta Miller
  • ACME Inc.
  • Giuseppe Mortacci
  • Audrie Vitelle
  • Grand Total Corp
  • Good Business Associated


Toggle 2 elements

1

2



Count Down a number

576


Tooltips

   


Stepper

  • 1 Step 1 Step 1 of 4
  • 2 Step 2 Step 2 of 4
  • 3 Step 3 Step 3 of 4
  • 4 Step 4 Step 4 of 4
Previous Next
Previous Next
Previous

Mobile Template



GET Parameters on this page

All GET Parameters:
Check for GET Parameter filter:
Reload with a bunch of parameters





CSS Grid based grids

.grid-2
1
2
3
4

.grid-3
1
2
3
4
5
6

.grid-4
1
2
3
4
5
6
7
8

.grid-5
1
2
3
4
5
6
7
8
9
10

.grid-6
1
2
3
4
5
6
7
8
9
10
11
12

.grid-2575
1
2
3
4

.grid-7525
1
2
3
4

.grid-3366
1
2
3
4

.grid-2575
1
2
3
4

.grid-6633
1
2
3
4

.grid-255025
1
2
3
4
5
6

.grid-40n
1
2
3
4

.grid-60n
1
2
3
4

.grid-80n
1
2
3
4

.grid-100n
1
2
3
4

.grid-120n
1
2
3
4

.grid-140n
1
2
3
4

.grid-160n
1
2
3
4

.grid-180n
1
2
3
4

.grid-200n
1
2
3
4

.grid-40n40
1
2
3
4
5
6

.grid-60n60
1
2
3
4
5
6

.gridTable
1
2
3
4
5
6
7
8