Field size and responsive web design

Dynamic forms can work on large, medium and small screens as well as on smartphones. 

 The size of fields is set in the parameter size. 

 The system can also work as an application installed on the phone in the form of PWA. 

 We are using a standard 12 column fluid responsive grid system. The grid helps you layout your page in an ordered, easy fashion. 

 

   

 12 columns 

 Our standard grid has 12 columns. No matter the size of the browser, each of these columns will always have an equal width. 

 For now, just know that the s1  stands for small-1 which in plain English means "1 column on small screens". 

   

 Offsets 

 To offset, simply add  offset-s2  to the class where  s  signifies the screen class-prefix (s = small, m = medium, l = large) and the number after is the number of columns you want to offset by. 

 

   

 Responsive Layouts 

 Screen Sizes 

 
 
   

 Mobile Devices <= 600px 

 Tablet Devices > 600px 

 Desktop Devices > 992px 

 Large Desktop Devices > 1200px 

 
 
 
 Class Prefix 

 s 

 m 

 l 

 xl 

 
 
 Container Width 

 90% 

 85% 

 70% 

 70% 

 
 
 Number of Columns 

 12 

 12 

 12 

 12