Ideal Image Size?

[WedDayDiscounts]

Hi, I'm using Caspio for the first time and want to display my search results in grid format with an image (Similar to the Real Estate Instant App). Can anyone advise the ideal image size?

[fangjie]

It is a Gallery DataPage. When you create a new DataPage, click on the Reports icon on the left and Gallery on the right.

If the image file is stored in the Caspio Bridge, you can create a reference to an image saved in the Files section of Caspio Bridge. Here is the tutorial: http://howto.caspio.com/files-and-images/referencing-an-image-stored-in-caspio-bridge.html.

If the image is stored in other server. You can store the image URL wrapped around an img tag in the table. Example:

Then include this field in your results page and render it as HTML. Here is the tutorial about rendering a text field plea http://howto.caspio.com/localizations/formatting-and-rendering.html, Rendering Text Fields section.

[NailDyanC]

Update:

Here are the new and updated links that you may  use as your reference:

https://howto.caspio.com/files-and-images/referencing-your-files/

https://howto.caspio.com/files-and-images/uploading-files-and-images/

And this link is for rendering your field value to HTML and other values:  https://howto.caspio.com/datapages/datapage-components/field-formatting-options/

 

[AtayBalunbalunan]

For future reference, the Tabular Report can also be used if you want something similar to the search results of the Real Estate ready-made app. Just use an HTML Block and define an HTML table that will contain your fields including the image.

 

[DruidCtba]

Friend @AtayBalunbalunan, I'm a free user and I'm not entitled to certain ones like the FILE that is presented here in the post above for treating images.

You commented on the use of HTML to present an image in a Data Pages Wizard Report, could you help me by posting a step by step and HTML code for an image that is in an image provider like in my case?

For example this URL of an image, which is in a field in my table called URLCapinha: https://media.fstatic.com/985O-HetMlkkLYtorqxCjZNn-vw=/fit-in/290x478/smart/media/movies/covers/ 2011/06 / 43a829882597a4026fb0620de9d7c78e.jpg

Thank you very much for your attention.

Att.

Druid®.

[DruidCtba]

I managed using an HTML Block field, but I don't know how to insert other fields to the right of the image, see in the image that because it is a Display Only field, it is poorly formatted and I can't format it by the Wizard, you can use the HTML language to that?

I don't know how to use it, any step by step for that?

The HTML block that shows the image looks like this:

<a href="https://media.fstatic.com/985O-HetMlkkLYtorqxCjZNn-vw=/fit-in/290x478/smart/media/movies/covers/2011/06/43a829882597a4026fb0620de9d7c78e.jpg" target=""> < img alt = "" class = "" src = "[@ field: UrlCapinha!]" style = "height: 360px; width: 240px; float: left;" /> </a>

Thank you very much for your attention.

Regards

Druid®.

[AtayBalunbalunan]