HTML + CSS Problem in App

HTML + CSS Problem in App

by Fabrício Tonetto Londero -
Number of replies: 4

Hi Everyone


Why this "div" work very well in browser (desktop and mobile), but do not work at moodle app?


<div style="width:100%; height: 118px; background-image: url('titulo_mobile_presencial.png'); background-repeat: no-repeat; background-position: left bottom;"><br></div>



Thanks for now.


Average of ratings: -
In reply to Fabrício Tonetto Londero

Re: HTML + CSS Problem in App

by Dani Palou -
Picture of Core developers Picture of Moodle HQ Picture of Particularly helpful Moodlers Picture of Peer reviewers Picture of Plugin developers

Hi,

sorry for the delay in answering, it's been some crazy months lately.

Inline styles should work fine in the app. However, please take into account that files in inline styles aren't downloaded (in this case, the background image), so it won't be available in offline.

What's the problem exactly? The image isn't seen?

You can use our webapp to inspect the app, maybe you can find some clues on why it isn't working.

Cheers,

Dani

Average of ratings: Useful (1)
In reply to Dani Palou

Re: HTML + CSS Problem in App

by Fabrício Tonetto Londero -

Hi Dani

Thanks for the answer and by the moodle desktop app! Amazing!.

In this case, the image doesn't show because i don't put the absolute URL. I solved it, thanks a lot.

But i have another question, very similar!

I have this div: 

<div class="caixa_prazo" style="display:none;">

This works in a browser, but in the app, the div lose the display:

<div class="caixa_prazo" style="">

Have some clue?

Thanks a lot!