Moodle for mobile

Hide part of label/page content only in APP

Picture of ferran recio
Hide part of label/page content only in APP

We have some teachers that uses Bootstrap Carousels inside labels or pages. This kind of content works fine when access via web because bootstrap carousel is loaded by default in our theme but it is displayed awful when accessing via APP.

Our workaround for the moment is to add a style="display: none;" to the carousel div and, just after the div close, add a small javascript code to change display to visible. Using this trick the carousel works fine via browser and is hidden in the APP because it don't execute content scripts.

There is a more elegant way to accomplish it? will be nice if the APP defines some special css classes to hide elements just when they are rendered in the APP, and vice versa.

Thanks in advance wink

Average of ratings: -