Jump to content
  • 0

Change Alignment Of Picture On Datapage



Hi everyone, I am very new to Caspio. I am trying to build a directory of users for my website.


I would like each user datapage to feature a picture as well as the user's details. I am having trouble trying to configure the datapage such that the picture is on the left of all the other details as shown below. So far I have managed to split the fields into 2 columns but am unable to make the picture the only field in the left hand column.


Please help!




Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0



Please follow these steps:
1. Edit your DataPage, proceed to Configure Results Page Fields.
2. Remove all the fields, except field with the image, then add an HTML block, click on "Source" tab of the HTML editor and use html tags to locate fields as you wish. You can use parameter picker to add fields.
Here is an example of html code:

<b> City: </b>[@field:City]</br></br>
<b> Country: </b>[@field:Country]</br></br>
<b> Email: </b> [@field:email]</br></br>
<b> Phone: </b> [@field:Phone]


This datapage from Business directory RMA was built using this solution.


You could request a business directory application for free here and take a look at the example in your account. 

Link to comment
Share on other sites

  • 0

You can have this :


HTML Block 1

<table cellspacing="0" cellpadding="0">
<tr><td valign="top">
<table cellpadding="0" cellspacing="0"><tr><td>

IMAGE field


HTML Block 2

<td valign="bottom">
<table cellspacing="0" cellpadding="0"><tr><td>



HTML Block 3

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.

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.

  • Create New...