Column

Flexibility in Page Layout

  • WE ARE MOVING

    Visit our new demos website powered by SharePoint and ShortPoint.

  • LET’S GO!


Column – Different Sizes

Column Size 12

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan viverra, mauris lorem suscipit velit, ut tristique felis urna elementum.

Column Size 6

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan viverra, mauris lorem suscipit velit, ut tristique felis urna elementum.

Column Size 6

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan viverra, mauris lorem suscipit velit, ut tristique felis urna elementum.

Column Size 4

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan viverra, mauris lorem suscipit velit, ut tristique felis urna elementum.

Column Size 4

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan viverra, mauris lorem suscipit velit, ut tristique felis urna elementum.

Column Size 4

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan viverra, mauris lorem suscipit velit, ut tristique felis urna elementum.

Column Size 3

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan viverra, mauris lorem suscipit velit, ut tristique felis urna elementum.

Column Size 3

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan viverra, mauris lorem suscipit velit, ut tristique felis urna elementum.

Column Size 3

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan viverra, mauris lorem suscipit velit, ut tristique felis urna elementum.

Column Size 3

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan viverra, mauris lorem suscipit velit, ut tristique felis urna elementum.

Column Size 2

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan viverra, mauris lorem suscipit velit, ut tristique felis urna elementum.

Column Size 2

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan viverra, mauris lorem suscipit velit, ut tristique felis urna elementum.

Column Size 2

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan viverra, mauris lorem suscipit velit, ut tristique felis urna elementum.

Column Size 2

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan viverra, mauris lorem suscipit velit, ut tristique felis urna elementum.

Column Size 2

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan viverra, mauris lorem suscipit velit, ut tristique felis urna elementum.

Column Size 2

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan viverra, mauris lorem suscipit velit, ut tristique felis urna elementum.

Column – Mixed Sizes

Column Size 9

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan viverra, mauris lorem suscipit velit, ut tristique felis urna elementum.

Column Size 3

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan viverra, mauris lorem suscipit velit, ut tristique felis urna elementum.

Column – Nested Rows

Coming Soon! ShortPoint does not support adding row inside a row yet, we are working on it and expect it ready in the coming releases

Column Size 9

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan viverra, mauris lorem suscipit velit, ut tristique felis urna elementum.

Column Size 4

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan viverra, mauris lorem suscipit velit, ut tristique felis urna elementum.

Column Size 4

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan viverra, mauris lorem suscipit velit, ut tristique felis urna elementum.

Column Size 4

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan viverra, mauris lorem suscipit velit, ut tristique felis urna elementum.

Column Size 3

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan viverra, mauris lorem suscipit velit, ut tristique felis urna elementum. Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan viverra, mauris lorem suscipit velit, ut tristique felis urna elementum. Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan viverra, mauris lorem suscipit velit, ut tristique felis urna elementum.

Column – With Animation

Column Size 6

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan viverra, mauris lorem suscipit velit, ut tristique felis urna elementum.

Column Size 4

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan viverra, mauris lorem suscipit velit, ut tristique felis urna elementum.

Column Size 2

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus.

Column ShortPoint Options

Option Value Default Description
1 Column size 1
2 Column size 2
3 Column size 3
4 Column size 4
5 Column size 5
6 Column size 6
7 Column size 7
8 Column size 8
9 Column size 9
10 Column size 10
11 Column size 11
12 Column size 12
animate animation-name All ShortPoint Animations are supported
middle Middle vertical alignment
bottom Bottom vertical alignment
12 Sizes Row support 12 sizes in total.
All ShortPoints are supported Try add ShortPoints in ShortPoint columns
Responsive Columns are fully responsive. Try to resize this page and see what will happen.