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

2 answers

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.

1
0
-1

Hi,
I think, that html and css should help you with your problem.
And if need help with your writing you can click here .

Comments

Submitted by romualdo.s.rs on Wed, 06/28/2017 - 16:01

Error on your link page

Notifications