Jump to content
  • 0

How to allign tables to the right?


ajdadulla
 Share

Question

Hi,

Im trying to design a form for the first time and I find it hard to size the fields so that right sides are alligned with each other. It's hard to guess what how many characters to use in a field so that everything is alligned.

Is there a way to automate this?

Thanks!

Link to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 0

Hi. You may resize your fields by editing your existing style then > Fields > click Source and add the width property and its value. If you would like to put two or more fields in one row you may enable the 'Continue next element on the same line' option. You may also refer to this link if you would like to configure the styles of your fields or datapages. 

image.png.4bb10061eb7fe2b06185d01541a07678.png

https://howto.caspio.com/styles/styles/

https://www.youtube.com/watch?v=DQJscbV5prE

 

Link to comment
Share on other sites

  • 0

In addition to the thorough  explanation above, something I use quite a lot , is CSS layout management in the data pages.  For me this makes it more flexible and faster as I just have to find out object I wish to handle (Which is easy in Chrome by pressing F12 to go to dev mode and selecting the proper object) and add

 

<style>

.objectname{

property : value !important;

}

</style>

The !important is added to ensure you override inherited settings.

 

Link to comment
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...
 Share

×
×
  • Create New...