Images and Text Box are not Responsive?

Dashboard Designer
#1

Hi Team Helical,

I have created a dashboard using Helical Insight. My dashboard is having text box and images. The rest of the panels are responsive, however the text box and images are not responsive. When being viewed in a small screen size it is getting scroll.
How can the text box and images be made responsive?
Thank You

#3

Hello Marc,

At the dashboard level there is CSS option(present in the draggable component which is also having file browser and settings). Click on that CSS and apply the below content.
@media (max-width:750px){

.img-responsive{
width: 85% !important;
height: 99% !important; 
}
}

Now all the images will be responsive.

Similarly, to make text responsive you can define the size of text as viewport and not pixel. Viewport is responsive and pixels are not responsive. You can refer to below code for reference

.ql-align-center{
font-size: 1.1vw !important; 
}

Thank You
Helical Team.

1 Like