bootstrap grid form builder

 
1
0
-1

Does Joget support bootstrap grid (or CSS grid) for the form builder without having to write custom load and store in custom code?

The current issue I have with the forms is that when you have more than one column, on a mobile the order of the field is based on columns instead of rows. For example if I have

col1      col2     col3

A            B          C

D            E          F


On a mobile it becomes

A

D

B

E

C

F

  1. Bastiana

    Any more screenshots / steps to better illustrate?

  2. CF

    I have responded but not sure if you get notification

CommentAdd your comment...

2 answers

  1.  
    1
    0
    -1

    Hi there,

    Please see Left to Right Flow of Form Element Placement in Mobile View

    Thanks.

    1. CF

      Thank you for this Hugo. 

      I am having a hard time figuring out how you were able to do 2 columns in your example when in desktop view.

      When I follow your example I am getting all my fields on the same line and wrapping at end of line.

      And in the preview I am getting

      Desktop


      Mobile

      I still need the fields to be well laid out (in columnar mode) when in desktop view but collapsed properly when in mobile mode. Ideally looks like I need a combination of columns and row layouts.

    2. Hugo

      Hi CF,

      In the article, the CSS code applies to section with id "section1" only.

      Probably you will need to customize according to your form section ID.

      Thanks.

    CommentAdd your comment...
  2.  
    1
    0
    -1

    Hi,

    You can see this behaviour from the Joget's own CRM app. See couple of screenshots below. Normally rows would collapse. With Joget the columns are collapsing.

    Desktop View


    Mobile View


      CommentAdd your comment...