Show a Caspio image on HTML Block using Security Parameters

[VincenzoCocciolo]

Hi, I'm trying to add a nice user picture in my app.

I added the image file in my Login table and created the Authorization object.

Now I need to place the correct image HTML tag into my HTML Block of a certain Datapage.

I have the image parameter:     [@authfield:Login_Picture]

 

And this is the standard HTML Image tag

<img alt="USer Picture" src="???????????" style="width: 50px; height: 50px; margin: 1px;" />

How to compose the correct link?

I also found a similar 2008 question but the solution didn't works

 

Thanks in advance for any help

[CoopperBackpack]

Hello @VincenzoCocciolo,

It looks like the issue is related to the parameter format. When you add the File field to the HTML block with a Picker icon, it is added as a String.



So, please add the slash sign to render the link  as URL.

You may find this information in this article (the table at the end of the article ) https://howto.caspio.com/parameters/displaying-parameters/

Hope this helps.

[Aether]

Hello @VincenzoCocciolo - Based on what I experinced, you need to call the actual field in the DataSource that you use in the DataPage or a file that is located in the App parameter in order to use it in your HTML image code. So basically, you cannot use the image file that is attached in your authentication  parameter. 

I hope this makes things clear.  

[NiceDuck]

As a follow up to @WatashiwaJin, you may want to try the instructions on this file:

 

 

1) Create a dummy report detail page. feel free to use any data source for this.

 

2) On "Configure Details Page Fields", create an HTML block then click the image picker and use app parameter similar to what is instructed from previous emails. You may disregard the other fields.

 

3) Click finish and deploy this datapage. Access this datapage by its URL and proceed to the results until you see the picture. Right click on it and get the image address:

4) Go to your authentications and create another HTML block. Use the Image picker again like on the step 2.  This time, use the URL of the picture from your report datapage.
 

 

 

5) Click save and try accessing the authentication now.
 

[VincenzoCocciolo]

Thanks. It worked now!!!