SharePoint Webpart view Keeps Changing Based on Screen Resolution

%3CLINGO-SUB%20id%3D%22lingo-sub-832971%22%20slang%3D%22en-US%22%3ESharePoint%20Webpart%20view%20Keeps%20Changing%20Based%20on%20Screen%20Resolution%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-832971%22%20slang%3D%22en-US%22%3E%3CP%3EHi%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20have%20a%20SharePoint%20site%20which%20I%20have%20designed%2C%20however%2C%20the%20view%20of%20the%20page%20keeps%20on%20changing%20depending%20on%20what%20resolution%20the%20page%20is%20viewed%20at.%20For%20example%2C%20the%20below%20is%20what%20I%20see%20when%20the%20SP%20page%20is%20viewed%20at%2090%25%20resolution%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20412px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F129617i422CAFF26745B299%2Fimage-dimensions%2F412x174%3Fv%3D1.0%22%20width%3D%22412%22%20height%3D%22174%22%20alt%3D%22pic1.JPG%22%20title%3D%22pic1.JPG%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3ENote%3A%20this%20is%20the%20view%20which%20I%20would%20like%20to%20see%20at%20constant%20(i.e.%20the%20tiles%20should%20be%20displaying%205%20by%205).%20Even%20when%20the%20page%20is%20viewed%20at%20different%20screen%20resolution.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EHowever%2C%20when%20I%20increase%20my%20screen%20resolution%20e.g.%20I%20zoom%20into%20the%20page%20and%20view%20it%20at%20120%25%2C%20the%20view%20changes%20to%20the%20image%20below%20i.e.%20the%20fifth%20icon%20is%20not%20fully%20displaying%2Fhas%20been%20cut%20off.%3C%2FP%3E%3CP%3E%26nbsp%3B%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20480px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F129618i50F72ED806365545%2Fimage-dimensions%2F480x205%3Fv%3D1.0%22%20width%3D%22480%22%20height%3D%22205%22%20alt%3D%22pic3.JPG%22%20title%3D%22pic3.JPG%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWhat%20I%20have%20concluded%20is%20that%20SP%20has%20a%20certain%20screen%20resolution%20in%20which%20the%20page%20is%20best%20viewed%20at.%20Am%20I%20able%20to%20change%20this%20setting%20to%20make%20the%20view%20to%20be%20static%20i.e.%20users%20can%20view%20all%205%20tiles%20despite%20the%20different%20screen%20resolutions%20they%20may%20view%20their%20screen%20at%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-832971%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3E2016%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EResponsive%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-833625%22%20slang%3D%22en-US%22%3ERe%3A%20SharePoint%20Webpart%20view%20Keeps%20Changing%20Based%20on%20Screen%20Resolution%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-833625%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F392040%22%20target%3D%22_blank%22%3E%40eyeana14%3C%2FA%3E%26nbsp%3B%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EPlease%20post%20more%20details%20on%20the%20configuration%20on%20this.%26nbsp%3B%20Your%20labels%20show%20SharePoint%202016%20and%20Online%2C%20which%20platform%20are%20you%20using%3F%26nbsp%3B%20Is%20that%20the%20promoted%20links%20web%20part%3F%26nbsp%3B%20What%20type%20of%20page%3F%26nbsp%3B%20Did%20you%20use%20custom%20code%20to%20fix%20the%20tiles%20as%20the%20OOTB%20doesn't%20do%20that.%26nbsp%3B%20Have%20you%20customized%20the%20master%20page%3F%26nbsp%3B%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20might%20suggest%20you%20post%20this%20in%20the%20%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2FSharePoint-Developer%2Fbd-p%2FSharePointDev%22%20target%3D%22_self%22%3ESharePoint%20Developer%3C%2FA%3Earea%20assuming%20you%20have%20custom%20code%20behind%20this.%26nbsp%3B%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
Occasional Contributor

Hi,

 

I have a SharePoint site which I have designed, however, the view of the page keeps on changing depending on what resolution the page is viewed at. For example, the below is what I see when the SP page is viewed at 90% resolution:

 pic1.JPG

Note: this is the view which I would like to see at constant (i.e. the tiles should be displaying 5 by 5). Even when the page is viewed at different screen resolution.

 

However, when I increase my screen resolution e.g. I zoom into the page and view it at 120%, the view changes to the image below i.e. the fifth icon is not fully displaying/has been cut off.

 pic3.JPG

 

What I have concluded is that SP has a certain screen resolution in which the page is best viewed at. Am I able to change this setting to make the view to be static i.e. users can view all 5 tiles despite the different screen resolutions they may view their screen at?

 

 

1 Reply
Highlighted

@eyeana14 ,

 

Please post more details on the configuration on this.  Your labels show SharePoint 2016 and Online, which platform are you using?  Is that the promoted links web part?  What type of page?  Did you use custom code to fix the tiles as the OOTB doesn't do that.  Have you customized the master page?  

 

I might suggest you post this in the SharePoint Developer area assuming you have custom code behind this.