• 0 Vote(s) - 0 Average
  • 5
  • 4
  • 3
  • 2
  • 1
Thread Modes

Scrollbar on widget when resizing browser windows - Service apps
#1
Hi, I there a way to prevent secure html widget to have scrollbar appear when resizing the browser windows?  (See attachment).   I have 2 logos inserted in these widget and I indeed don't want to see any scrollbar on a low resolution display.

I had tried to add the CSS Style overflow: hidden;  but it don't seem to fix my problem.

Thank you.

Thumbnail(s)
   
SDignard, proud to be a member of EV CONNECT FORUM since Nov 2017.

#2
(06-13-2018, 02:06 PM)SDignard Wrote: Hi, I there a way to prevent secure html widget to have scrollbar appear when resizing the browser windows?  (See attachment).   I have 2 logos inserted in these widget and I indeed don't want to see any scrollbar on a low resolution display.

I had tried to add the CSS Style overflow: hidden;  but it don't seem to fix my problem.

Thank you.

Hello,
Can you give html code of widget. Ordinarily i use css to custom widget and used "Hide on small devices" when necessary.

The overflow property only works for block elements with a specified height.
P.ABBE
ABBE Philippe, proud to be a member of EV CONNECT FORUM since Nov 2015.

#3
Hi Philippe, there is the code
<div style="text-align: left;"><img class="fr-draggable" src="activities/com/esterline/5b211907ad881/resources/upload/b1208fde72caa46f133a4a8f9afbf60a8ec1f49b.png" style="margin-left: 5px; margin-right: 5px;"></div><div style="text-align: left;"><br></div>

Thank you
SDignard, proud to be a member of EV CONNECT FORUM since Nov 2017.

#4
(06-18-2018, 10:19 AM)SDignard Wrote: Hi Philippe, there is the code
<div style="text-align: left;"><img class="fr-draggable" src="activities/com/esterline/5b211907ad881/resources/upload/b1208fde72caa46f133a4a8f9afbf60a8ec1f49b.png" style="margin-left: 5px; margin-right: 5px;"></div><div style="text-align: left;"><br></div>

Thank you

First tips : Use "Menu" widget if you want to create an 'Home' button (not usable on 1er page but usefull on other page)

Widget "Menu" will adjust to media resolution and if you want a "secure html" use this code :

Code:
<div style="text-align: center;"><img class="fr-draggable" src="activities/com/esterline/5b211907ad881/resources/upload/b1208fde72caa46f133a4a8f9afbf60a8ec1f49b.png"></div>

P.ABBE
ABBE Philippe, proud to be a member of EV CONNECT FORUM since Nov 2015.

#5
Merci Philippe, excacly what I was looking for.
SDignard, proud to be a member of EV CONNECT FORUM since Nov 2017.






Users browsing this thread: 1 Guest(s)