Designing Tables & Forms

  • 0
  • 1
  • Question
  • Updated 3 months ago
  • Answered
Is it just me or does quickbase lack design options. 

Tables only seems to allow a vertical column split between fields across the entire form.
It does not seem to be  possible to have 1 row with a wide field column and on the next row having 2 narrow field in the same column. 




The width of dropdown fields don't seem to react on the field width settings either.


Any workarounds for this ?
Photo of Shadi Hashem

Shadi Hashem

  • 192 Points 100 badge 2x thumb
  • frustrated

Posted 3 months ago

  • 0
  • 1
Photo of QuickBaseCoach App Dev./Training

QuickBaseCoach App Dev./Training, Champion

  • 65,664 Points 50k badge 2x thumb
At this time, the best you can do is to introduce a new section heading. The lines between the sections may be disabled if that introduces too much clutter. Sections headings do not need to be labeled.
Quick Base resets the auto column alignment where the section break is on the form and typically will allow you to get to a “good enough”solution.

But yes, one day the drag and drop type forms design enhancement will come. But I have not seen any roadmaps for timing on that.
Photo of Shadi Hashem

Shadi Hashem

  • 192 Points 100 badge 2x thumb
Thanks, I didn't think of that option.. I will try
Photo of Shadi Hashem

Shadi Hashem

  • 192 Points 100 badge 2x thumb
It can fix the alignments by hiding the section header ... However I have to hide all of them or none at all, and some places they are pretty nice to have.

Photo of QuickBaseCoach App Dev./Training

QuickBaseCoach App Dev./Training, Champion

  • 65,664 Points 50k badge 2x thumb
Ya.

So now the project deteriorates into making your own fake section headings out of formula rich text fields
Photo of Shadi Hashem

Shadi Hashem

  • 192 Points 100 badge 2x thumb
That will be a bit odd as it the Lines           I need to separate the areas. 
Can make like an HTML Line break across?
Photo of QuickBaseCoach App Dev./Training

QuickBaseCoach App Dev./Training, Champion

  • 65,664 Points 50k badge 2x thumb
I have seen some code tat automatically makes a line as wide as the page, but I don't have it saved anywhere.  may Dan Diebolt or someone will chime in,.
Photo of Shadi Hashem

Shadi Hashem

  • 192 Points 100 badge 2x thumb
I have tried <hr> which created an automatic line .. But it is restricted to the area of the column
Photo of QuickBaseCoach App Dev./Training

QuickBaseCoach App Dev./Training, Champion

  • 65,664 Points 50k badge 2x thumb
Try this as a fake section heading (rich text field) or a text element on a form with html enabled.

"<br><font size=2.5>"
&"<b>Weather Conditions</b><table style='border: 1px solid black; width: 100%'></table>"
Photo of QuickBaseCoach App Dev./Training

QuickBaseCoach App Dev./Training, Champion

  • 65,664 Points 50k badge 2x thumb
or this as a text element on a form

<table style='border: 1px solid black; width: 100%'></table>