Add Link to Image

1
0
-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

1 answer

1
+1
-1

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.

Comments

Submitted by romualdo.s.rs on Wed, 06/28/2017 - 13:22

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?

Submitted by romualdo.s.rs on Wed, 06/28/2017 - 13:32

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

Submitted by antoine.mottier on Thu, 06/29/2017 - 11:42

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

Submitted by romualdo.s.rs on Thu, 06/29/2017 - 13:07

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"

Submitted by antoine.mottier on Thu, 06/29/2017 - 17:29

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.

Submitted by Dibyajit.Roy on Thu, 03/22/2018 - 07:02

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

Submitted by romualdo.s.rs on Thu, 03/22/2018 - 12:10

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.

Submitted by Dibyajit.Roy on Thu, 03/22/2018 - 12:12

So your problem is resolved ??..

Submitted by romualdo.s.rs on Thu, 03/22/2018 - 12:28

Yes

Notifications