Loading...

QList screen moves all the contents to the middle and qpanel becomes very wide.

Title

QList screen moves all the contents to the middle and qpanel becomes very wide.

Description

QList screen moves all the contents to the middle and qpanel becomes very wide.

Please wait...

The Qlist screen moves the contents to the middle and qpanel becoms very wide in a large list when you select the next page for viewing

Cause

The reason for the qpanel becoming large and the contents being pushed back may be due to custom coding in the master page that is being used for this page.

 

For example look at this custom code:

<!-- Uncomment to get wider panel menu. Start
style>

/* QWP added style tag above: Begin -- changed width to support wider menu */

body #s4-leftpanel-content{
padding: 0px 0px 5px;
background-color: #fcfcfc;
border: 1px solid #dbddde;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 0px;
width: 300px !important;
}
.s4-ca{
background:#fff;
margin-left:450px !important;
margin-right:0px;
min-height:324px;
}
</style>

 

when you look at the first lines of the code you see the following:

<!-- Uncomment to get wider panel menu. Start
<style>

The '< ' before the style type seems to be a problem when displayed in Sharepoint, even though it allows you to edit it this way.


 

Resolution

The resolution for this is to remove the < in <style> so that it looks like the following:

style>

Also, this will work as well:

<!--style>

 

 

Defect ID

The reason for the qpanel becoming large and the contents being pushed back may be due to custom coding in the master page that is being used for this page.

 

For example look at this custom code:

<!-- Uncomment to get wider panel menu. Start
style>

/* QWP added style tag above: Begin -- changed width to support wider menu */

body #s4-leftpanel-content{
padding: 0px 0px 5px;
background-color: #fcfcfc;
border: 1px solid #dbddde;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 0px;
width: 300px !important;
}
.s4-ca{
background:#fff;
margin-left:450px !important;
margin-right:0px;
min-height:324px;
}
</style>

 

when you look at the first lines of the code you see the following:

<!-- Uncomment to get wider panel menu. Start
<style>

The '< ' before the style type seems to be a problem when displayed in Sharepoint, even though it allows you to edit it this way.


 

Leave a Reply