Field position and size issues

  • 0
  • 1
  • Question
  • Updated 9 months ago
  • In Progress
Hello,

I have issues with the layout on my table. It just doesn't look right and logicall

It defies the purpose at all.

How could I position the field above to be exactly where I want it (right above the field below)?
How do I trim field width if it only shows 3 characters?



Why not let us have grid edit option to position our fields the way we want?
Photo of Aleksandar Salapura

Aleksandar Salapura

  • 482 Points 250 badge 2x thumb

Posted 9 months ago

  • 0
  • 1
Photo of Ⲇanom the ultimate (Dan Diebolt)

Ⲇanom the ultimate (Dan Diebolt), Champion

  • 26,322 Points 20k badge 2x thumb
I don't understand your description. You say ...
  1. You say "too far to the left" but your arrow points to a field that is on the right
  2. You say "I need it right about fields below but I am not sure which fields you are refering to because all the other fields on the form are below second section horizontal line.
  3. You say "too wide, how to trim width". This makes sense but it would be helpful to see the screenshot without the options selected as it is obscuring two fields (First Line Maintenance and Power Condition)
(Edited)
Photo of Aleksandar Salapura

Aleksandar Salapura

  • 482 Points 250 badge 2x thumb
1. Field with "PLUS" in it should go to the right, to be above those 2 fields at the right. About at the same position where is that black text.
2. Here is the photo. Lots of wasted space for 3 letter text. Max characters in the menu doesn't help.

Photo of Ⲇanom the ultimate (Dan Diebolt)

Ⲇanom the ultimate (Dan Diebolt), Champion

  • 26,272 Points 20k badge 2x thumb
Point (1) still is confusing. Need a better mockup of you desired form

Create a larger screenshot, selected everything and delete it so you have a large blank canvas to work with. Then take a second screenshot of your form as it is now - we are going to chop it up and paste parts into the large screenshot. Cut and paste everything into position into the first screenshot file and add whatever notation you need to explain.

To demonstrate using above procedure here is a crude mock-up stacking four parts of your form on top of each other (its lovely I know):

Photo of Aleksandar Salapura

Aleksandar Salapura

  • 482 Points 250 badge 2x thumb
Thank you for trying, I changed unsuccessfully layout in the meantime. It will take me forever to replicate it.

I still can't see how I could position the table in exact place I want, wherever that might be.

Other issue, why do I need to have huge width of the field for only 3 letter word?? I guess no screenshots should explain that issue.

To summarize:
- Can I set width of the field the way I want and how?
Photo of Ⲇanom the ultimate (Dan Diebolt)

Ⲇanom the ultimate (Dan Diebolt), Champion

  • 26,272 Points 20k badge 2x thumb
There may or may not be a native (using the form builder) to get the form to display how you want. People get very creative with workarounds.

There will probably be a way to use script to alter or rearrange the native form. For example changing the width of the options is easy to do with script.

But in both possible routes to a solution (native or script) we have to understand what you want the form to look like. It is still unclear in regards to point (1).

To understand where I am coming from you might look at this topic:

is it possible to put 2 sections in the same row
https://community.quickbase.com/quickbase/topics/is-it-possible-to-put-2-sections-in-the-same-row

This is not possible in native but through mockups two different developers came up with a solution using script.

BOTTOM LINE IS WE NEED A MOCKUP OF WHAT YOU WANT THE FORM TO LOOK LIKE (IN REGARD TO POINT #1 -I UNDERSTAND AND HAVE A FIX FOR THE WIDE OPTIONS)
Photo of Aleksandar Salapura

Aleksandar Salapura

  • 482 Points 250 badge 2x thumb
Hello,
Here are two photos. Now and how I wish.
It took me a lot of time to revert back the original layout and work on screenshots, please try to help me solve this issue. I'm having same issue on other tables as well.

Thank you.



(Edited)
Photo of Ⲇanom the ultimate (Dan Diebolt)

Ⲇanom the ultimate (Dan Diebolt), Champion

  • 26,322 Points 20k badge 2x thumb
As a preliminary solution paste this script into your console using my screenshots as a guide and tell us what happened:
$("div.ButtonName").css("width", "150px")

Before Pasting 



After Pasting

Photo of Aleksandar Salapura

Aleksandar Salapura

  • 482 Points 250 badge 2x thumb
Nothing happened on my page when I did that, maybe because I don't have buttons if you don't save and cancel buttons.
Photo of Ⲇanom the ultimate (Dan Diebolt)

Ⲇanom the ultimate (Dan Diebolt), Champion

  • 26,322 Points 20k badge 2x thumb
apparently I posted an answer to another question in this thread - disregard all button stuff

should have posted here:

 https://community.quickbase.com/quickbase/topics/make-home-page-buttons-the-same-size
(Edited)
Photo of Aleksandar Salapura

Aleksandar Salapura

  • 482 Points 250 badge 2x thumb
Ok, please look into my issue. Thanks.
Photo of QuickBaseCoach App Dev./Training

QuickBaseCoach App Dev./Training, Champion

  • 51,036 Points 50k badge 2x thumb
Aleksander,
I suggest that one thing that you can try which is native Quick Base use is to remove the sections from the form and replace them with text elements  (ie words)  on the form. 

Whenever you have a new section on the form, the field alignment resets just for that one section and will not correspond to any sections above or below.
Photo of Ⲇanom the ultimate (Dan Diebolt)

Ⲇanom the ultimate (Dan Diebolt), Champion

  • 26,322 Points 20k badge 2x thumb
>Whenever you have a new section on the form, the field alignment resets just for that one section and will not correspond to any sections above or below.

But it only takes two lines of script to align the columns indifferent sections! Visit this application and count to three and then alignment kicks in.



Everybody Get In Line
https://haversineconsulting.quickbase.com/db/bnf833qrg

View Record
https://haversineconsulting.quickbase.com/db/bnf833qrx?a=dr&rid=1

Edit Record

https://haversineconsulting.quickbase.com/db/bnf833qrx?a=er&rid=1

New Record
https://haversineconsulting.quickbase.com/db/bnf833qrx?a=nwr

Pastie Database
https://haversineconsulting.quickbase.com/db/bgcwm2m4g?a=dr&rid=625

(Edited)
Photo of Aleksandar Salapura

Aleksandar Salapura

  • 482 Points 250 badge 2x thumb
Thank you Dan, you did a good job there.

Couple of more questions. I don't need all the fields within this table to be in line (one above the other). Can I use this for specific fields only (ability to add field name to the formula, maybe?)

Since I'm not a programmer, could you please explain how I could insert this code and which part I should change to get it working?

Many thanks!
Photo of Aleksandar Salapura

Aleksandar Salapura

  • 482 Points 250 badge 2x thumb
Hello Dan,

Just wanted to ask again if you could elaborate on this with a bit more details. My programming skills are not on that level that I could easily pick up your advises. Thanks!