Twitter has developed a very popular layout and user interface library that allows you to create custom pages and forms.
Have a look through the CSS and Componetns tabs and you will get a good impression of Bootstrap's capabilities.
While Bootstrap is widely used for responsive mobile applications, it is great for rapidly developing custom layouts and forms for desktop applications. Luckily you can use Bootstrap with QuickBase. Here is an application that places a gallery of Bootstrap user interface components on a QuickBase table dashboard:
Bootstrap On Table Dashboard
The above Bootstrap markup was randomly selected from this Bootply (a web service like jsfiddle but for playing with Bootstrap):
and placed in this user defined page unchanged:
MyDashboard.html User Defined Page
To inject the Bootstrap markup into the table dashboard this generic module.js code was used in conjunction with the IRYDASMO (I Reject Your Dashboard And Substitute My Own) technique:
To avoid CSS conflicts with QuickBase's CSS a special version of Bootstrap was compiled using sassmeister.com and following the instructions in this stackoverflow.com answer:
Applying CSS styles only to certain elements
The custom CSS file was generated from Bootstrap v3.2.0 and can be found here if you do not want to compile it yourself:
While the Bootstrap code I placed on the table dashboard is not functional it is simple to create your own working layouts and forms by just placing your Bootstrap markup in the file MyDashboard.html - all the other setups and configurations will be handled by the generic module.js code.
Have fun using Bootstrap with QuickBase!