Reduce Screen Size [default zoom to be specific zoom 70% - 75 %]

Support
#1

Hi Team ,

Please your supporting regarding the below currently when we are setting the browser zoom to 70 % to be able to seen the screens like below

Untitled

But when we are setting the screen to 100 % we see it like below

Untitled1

Our customers prefer teh 70 % zoom layout as they are able to see most of the details displayed inside the data tables

Is their is any way to make the default layout zoom to be 70 % without adding custom theme

#2

Hi Team ,

I mean with adding custom theme ,
When i’m zooming out , i found that margin-left:-305 px is added to

<div class="v-slot v-slot-c-sidemenu-panel" style="margin-left: -308px;">

Also padding-left is added to

<div class="v-expand" style="padding-left: 309px;">

I want to know all the affected div with zoom out and how can i override exactly just the css attribute to make the default zoom of the application to be around 70 %

#3

Hi Team ,

Also Is their is defined way to make the application menu to be opened only on collapsed mode,
like the same when reducing the size of the screen , with the responsive side menu .

Thanks

#4

Hi @durygin , @knstvk

Can you please give me support regarding above :slight_smile:

#6

Hi,

Collapsible side menu will be available with the next release of CUBA (7.2).

Re: original question about changing default zoom - there are css zoom property and scale() function, but it’s not recommended to use them for such purpose. Instead you should apply css rules directly to desired elements or create custom theme so that you will be able to override global variables and common styles.

1 Like
#8

Hi @minaev,

Thanks for your response , I already did what you mentioned regarding custom theme
by follwoing Sampler demo code upgrading current application to Cuba 7.1

But still i’m facing strange behavior their ,

I already created post with the issue , and mentioned you their if you can give help .

Thanks.