HELP LIQUID Dynamic 365 Portals

(0) Share

Report

Posted on by Community Member

Hey!

I want put some images in a carrousel and I need a little help with LIQUID

My code in HTML just be there:

<div class="item">
   <a href="tr_rodoviario.html">
        <div class="item-img item-img-desktop" style="background:url(img/hpcontent/slider_roadfreight.jpg) bottom right no-repeat; background-size:cover;"></div>
        <div class="item-img item-img-resp" style="background:url(img/hpcontent/slider_roadfreight_mobile.jpg) right bottom no-repeat; background-size:cover;"></div>
    </a>
</div>

I did the images upload in "web files", but I don't know how can I this with LIQUID.

All responses (4)

Answers (1)

Community Member on at

Like (0)

Report

RE: HELP LIQUID Dynamic 365 Portals

YES! thank you so so much!
Verified answer

Mahendar Pal 45,095 on at

Like (1)

Report

RE: HELP LIQUID Dynamic 365 Portals

Just tested this in my demo portal I can see image, this image can be access by using URL from portal "demo.microsoftcrmportals.com/homehero.jpg"

<div style='background-image:url(~/homehero.jpg)'>This is demo</div>

First try to access your image from the portal directly on browser after that you can use that url

Hope it will help.
Community Member on at

Like (0)

Report

RE: HELP LIQUID Dynamic 365 Portals

Thanks! Doesn't appear the images yet. But now, I know that I need to do this.

I need do something more to images?
Suggested answer

Mahendar Pal 45,095 on at

Like (1)

Report

RE: HELP LIQUID Dynamic 365 Portals

Hi,

Once you added your image as web files, you can set Assets as parent page and can refer that like below

<div class="item-img item-img-desktop" style="background:url(~/Assets/slider_roadfreight.jpg) bottom right no-repeat; background-size:cover;"></div>