Jump to content
  • 0
kytan5

How to reduce spacing between label and field?

Question

I have submission form and when i put label position = left. the field/form element (could be a textfield, dropdown etc) will appear to the far right.

Example:

Expected result I am looking for

Brand Type:  <text field>

What I see on caspio form

Brand Type:                                          <text field>

 

How do I reduce the spacing between label and form element? I don't know where in the style is controlling the spacing. I need the table or container to be 100% as my page is suppose to be responsive page.

Can anyone help?

 

 

Share this post


Link to post
Share on other sites

9 answers to this question

Recommended Posts

  • 0

Hi,

Try editing style associated with the datapage.

You may try changing layout for Label-Cell element. You need to change padding attribute try using 0 px instead of 14 px.

Please take a look at the screenshot. You may read more about customizing layout here

Also if you need to create a responsive datapage, you can find instructions here

style.png

Share this post


Link to post
Share on other sites
  • 0
4 hours ago, kytan5 said:

I tried the padding, doesn't seem to do much. effect happens on cell width but it is hard to give 1 generic width to fill all scenarios.

Can I take a look at an URL of the datapage? 

Share this post


Link to post
Share on other sites
  • 0

Caspio places the labels in a td so there is no way to have auto width and it is a fixed with. But you can use HTML blocks instead of labels. Choose No label option for the section with all the fields, add HTML blocks in front of each field, and type label in it, check Continue next element on the same line for each HTML block.

Share this post


Link to post
Share on other sites
  • 0

I had the same problem.

The fix is to set #of columns for that section to a high number. (6 or 8)

I suppose you had 1 or 2 columns, then the field and label will be streched out over the complete row.

 

 

 

Share this post


Link to post
Share on other sites
  • 0

I tried but what happen is now the bottom fields get line up in 1 row.

Eg

What I see on caspio form

Brand Type:      <text field>           Type 1:      <text field>          Type 2:      <text field>  

 

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...