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 type="text/css">

/* 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 type="text/css">

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 type="text/css"> so that it looks like the following:

style type="text/css">

Also, this will work as well:

<!--style type="text/css">

 

 

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 type="text/css">

/* 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 type="text/css">

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