Jump to content
  • 0

Two Column Layout


equator
 Share

Question

Hi,

I am having a problem with layout that seems like it should be easy but I have not been able to make it work. I want to have a page that has two columns. The column on the left is text fields for data entry and the column on the right is a photo. The user needs to see both the text fields and the photo side by side so they can enter the information that they see in the photo.

I have tried to put an HTML block with this code in it:

[@field:Image]

However, the text fields just end up below the photo, not beside it.

Any suggestions would be greatly appreciated.

Link to comment
Share on other sites

3 answers to this question

Recommended Posts

  • 0

This code works if you have it in results page in Gallery or List view. So you enter an HTML Block before your file field and another HTML Block after your file field then place the codes as below:

HTML Block 1:

Your File Field

HTML Block 2:

Try it this way and it should work. If you want this in submission forms or details page of reports then the code will be different.

Best,

Bahar M.

Link to comment
Share on other sites

  • 0

The code in details and submission form will be complicated as the layout is based on tables tr and td elements and you need to manipulate the Caspio arrangement of tables, tr, tds in order to get the desired layout. This is not recommended solution however there is another way to achieve this in details page by using one HTML block to include all the fields that you want to display on one side and then from the Advance tab check "Next element on the same line" and the next element would be your file field.

To insert the fields inside HTML block you should enable parameters and insert the fields into the block and format them using HTML coding.

Does this help?

Best,

Bahar M.

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...