Change Alignment Of Picture On Datapage

[real123]

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!

 

 

[Mathilda]

Hi,

 

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:

<h1>[@field:Title]</h1></br></br>
<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. 

[MayMusic]

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></tr></table>
</td>
<td valign="bottom">
<table cellspacing="0" cellpadding="0"><tr><td>

FIELDS

 

HTML Block 3

</td></tr></table></td></tr></table>