Based on the screen resolution column size need to increase in Servicenow KB article

salu
Mega Guru

larstange

Hello all,

Can some one help me to fix this issue?

In the Service Portal KB article based on the screen resolution how can I adjust the container.

Dynamically adjust based on the screen resolution.In the Bigscreen user want to scroll the knowledge artilcle to see the full image.How can it fixed?

Big screen

find_real_file.png

Small Screen

find_real_file.png

1 ACCEPTED SOLUTION

larstange
Mega Sage

Hi



As default boostrap does not go above 1170 pixels in container width. You can overwrite this in the page specific CSS.


E.g. you can say that for displays which are more than 3000 pixels, you want the container width to be 2800



@media (min-width: 3000px) {


.container{


      width:2800px;


}}



Also see Bootstrap Big Grid -- Larger Grid Dimensions for Bootstrap


View solution in original post

4 REPLIES 4

Rajesh Mushke
Mega Sage
Mega Sage

Hi Saranya,



Procedure


  1. Navigate to Service Catalog > Catalog Variables > Variable Default Size to list configurable variables.
  2. Select a width size from the available options to set as default for each variable.
    OptionDescription
    25%Configures the variable to occupy 25% of the available screen size.
    50%Configures the variable to occupy 50% of the available screen size. By default, some variables require a minimum of 50% width.
    75%Configures the variable to occupy 75% of the available screen size.
    100%Configures the variable to occupy 100% of the available screen size.




Variable WidthDisplays the default width size of the variable. To override default width, select a new width size from the list of options.CheckBox, Date, Date/Time, HTML, List Collector, Lookup Multiple Choice, Lookup Select Box, Macro, Macro with Label, Masked, Multi-Line Text, Multiple Choice, Numeric Scale, Reference, Select Box, Single-Line Text, UI Page, Wide Single-Line Text, Yes/No, Email, URL



Pease Refer,



Configure default variable width


Variable Type Specifications




Thanks,
Rajashekhar Mushke
Rising star : 2022 - 2024
Community Leader -2018
Connect me on LinkedIn : Rajashekhar Mushke

I am looking in the service Portal not variable type


larstange
Mega Sage

Hi



As default boostrap does not go above 1170 pixels in container width. You can overwrite this in the page specific CSS.


E.g. you can say that for displays which are more than 3000 pixels, you want the container width to be 2800



@media (min-width: 3000px) {


.container{


      width:2800px;


}}



Also see Bootstrap Big Grid -- Larger Grid Dimensions for Bootstrap


Hello Lars,



when I made the container width as fluid then it works perfect


find_real_file.png


Thanks


Saranya