Add Link to Image

Q&A
1

I was able to use the assets to display images in the forms created in the UI Designer, is it possible to add links in these images?

My screen is so in the moment, I do not know if it is possible to add a link to this image so that when clicked the user is redirected to the site of the beautiful for example

Link

2

Hi,

Actually rather then using an Image widget you should use a Link widget and style it with an image using a CSS asset.

I create a basic form example that you can import in the UI Designer.

3

Thanks for the answer, let me ask you one thing, the link you are using to point to the image in CSS (myStyle) does it point to that image that is already loaded in the assets?

4

My CSS:
.imagem_bonita .btn{
background-image: url(…/img/lgo_bonitasoft.jpg);
position:absolute;
bottom:0;
margin-left: 0px;
margin-bottom: 20px;
max-width:150px;
max-height:100px;
width: auto;
height: auto;
}

But the image is not displayed

5

You need to make sure that you add an image in your asset named lgo_bonitasoft.jpg

6

I added the image in the assets but not its right, I do not know the reason, I was able to do adding a text field and put the HTML command with the “href” tags for the link and the image path tag “img srf”

7

You can maybe open the web browser developer tools and check if there is any logs in the console?

Also you can share with me your form (using Google Drive, Dropbox…) so I can try to figure out what is the issue.

8

Hello

I had faced a similar problem .
What i did was convert the Image to Base64.
Then i provided the value to my css.
It was able to recreate the image and work as a Link as well.

regards

9

I created a text field and I placed a normal HTML code where I used the tag to select the image I would like and then I used the tag to point a link to the image.

10

So your problem is resolved ??..

11

Yes