is it possible to put 2 sections in the same row

  • 0
  • 1
  • Question
  • Updated 5 months ago
  • Answered
It would be very clean and efficient if I could place 2 sections next to each other. Has anyone encountered this before?
Photo of Chuck Grigsby

Chuck Grigsby

  • 1,978 Points 1k badge 2x thumb

Posted 2 years ago

  • 0
  • 1
Photo of Matthew Neil

Matthew Neil

  • 31,438 Points 20k badge 2x thumb
Two selections for what?  What field type are you referencing?  Where are you using it?
Photo of Chuck Grigsby

Chuck Grigsby

  • 1,978 Points 1k badge 2x thumb
I'm referring to section headings which are added in forms setup page
Photo of Matthew Neil

Matthew Neil

  • 31,438 Points 20k badge 2x thumb
They are planning on having that option in the new UI Mercury, but until then you just have to be creative with your form layout to maximize the space.

Sorry for the mix up before.
Photo of Hillary

Hillary

  • 214 Points 100 badge 2x thumb
Do you know if this option is available now?
Photo of Sam Jones

Sam Jones, Employee

  • 2,310 Points 2k badge 2x thumb
Hillary, 
I would encourage you to submit feedback regarding this via our Feedback Platform - UserVoice - at http://quickbase.uservoice.com .  This forum is used by our Product Management team to explore customer suggestions for enhancements / changes to the platform. Many of the items that have been suggested by customers have already been incorporated into Quick Base and I would encourage you to participate as well!  

Sam Jones
QuickBase Product Manager
 
Photo of Hillary

Hillary

  • 214 Points 100 badge 2x thumb
How do I accomplish this?
Photo of Ⲇanom the ultimate (Dan Diebolt)

Ⲇanom the ultimate (Dan Diebolt), Champion

  • 26,522 Points 20k badge 2x thumb
I do this using script and it is pretty simple. Here is a demo that rearranges six sections into three rows of 2, 3 and 1 section per "section row".



I will add this to the long list of demos I am bringing to Empower. Register for Empower and I will demo this in the hallway.

Contact me off-world using the information in my profile if you need this implemented in your application:

https://community.quickbase.com/people/dandiebolt
(Edited)
Photo of Chuck Grigsby

Chuck Grigsby

  • 1,978 Points 1k badge 2x thumb
Thanks Dan for helping me with this. It was exactly what I needed!
Photo of Micro Dev

Micro Dev

  • 834 Points 500 badge 2x thumb
Did you bring this demo along to EMpower? Are you creating a pastie for this?
Thanks
Photo of Ⲇanom the ultimate (Dan Diebolt)

Ⲇanom the ultimate (Dan Diebolt), Champion

  • 26,522 Points 20k badge 2x thumb
This work was done for a client so there is no public demo. What I can tell you is that is used flexbox to rearrange the sections.

A Complete Guide to Flexbox
https://css-tricks.com/snippets/css/a-guide-to-flexbox/

If I was asked to do this again I would probably use CSS Grid as all modern browsers support it and it is much more powerful:

A Complete Guide to Grid
https://css-tricks.com/snippets/css/complete-guide-grid/

I would image that over time that QuickBase itself would start using CSS Grid for its dashboard, forms and other layouts as it makes complex layouts extremely east to implement.

In any case if you need assistance with this feel free to contact me off world using the information in my profile:

https://getsatisfaction.com/people/dandiebolt
Photo of Micro Dev

Micro Dev

  • 834 Points 500 badge 2x thumb
Thanks for the reply. If I need any help I will contact you offline.