Possible Bug: CMS 1.7.3 Dataset View CSS

The Archives Help Topics
1

Hi,

Dataset table does not expand to full width and height of region as it did with CMS 1.6.4 in design view, layout preview and on actual client player.

The CSS that works with CMS 1.6.4 does not work with CMS 1.7.3.

Pls recreate the problem and kindly confirm. Using Firefox 32 and Chrome 42 on Win7

Screenshots:

  • CMS 1.6.4

  • CMS 1.7.3

CSS

table.DataSetTable {
font-family:Arial, Helvetica, sans-serif;  
width:100%;
height:100%;
color:#000;
-webkit-box-shadow: 0px 5px 8px 0px rgba(50, 50, 50, 0.63);
-moz-box-shadow:    0px 5px 8px 0px rgba(50, 50, 50, 0.63);
box-shadow:         0px 5px 8px 0px rgba(50, 50, 50, 0.63);
border-collapse:collapse;
background: -moz-linear-gradient(top,  rgba(133,198,103,1) 0%, rgba(133,198,103,0.43) 63%, rgba(248,255,232,0.1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(133,198,103,1)), color-stop(63%,rgba(133,198,103,0.43)), color-stop(100%,rgba(248,255,232,0.1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(133,198,103,1) 0%,rgba(133,198,103,0.43) 63%,rgba(248,255,232,0.1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(133,198,103,1) 0%,rgba(133,198,103,0.43) 63%,rgba(248,255,232,0.1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(133,198,103,1) 0%,rgba(133,198,103,0.43) 63%,rgba(248,255,232,0.1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(133,198,103,1) 0%,rgba(133,198,103,0.43) 63%,rgba(248,255,232,0.1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85c667', endColorstr='#1af8ffe8',GradientType=0 ); /* IE6-9 */


}

tr.HeaderRow {
font-size:1.1em;
text-align:left;
background: #DBFF7F;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

tr#row_1 {

}

td#col_1 {
padding:5px;
}

td.DataSetColumn {
padding-left:10px;
}

tr.DataSetRow {
text-align:left;
}

th.DataSetColumnHeaderCell {
padding-left:10px;
}

span#1_1 {

}

span.DataSetColumnSpan {

}

Kindly provide temporay fix as it is a bit urgent
Thanks
btech.

2

From the Modules page, click the Verify All link, then try again.

3

Ok. Did that but same result. The above CSS works great with 1.6.4 but if applied to same layout in 1.7.3 does not give same result as with 1.6.4.

Plz recreate it at your end.

4

Any updates. did you try to recreate the issue.

5

Hi,

Sorry for the delay.

First let me explain differences between 1.6.4 and 1.7.3. For example:
Display is 1920: in 1.6, if you set a font to 20px it would be 20px in the designer and in the player which is obviously wrong, because the player is much bigger.
In 1.7 it will be 20px in the player and 8px in the designer. Does this makes sense to you?

Basically what you’d need to do is change the font size of your dataset:
For example:
tr.DataSetRow {
text-align:center;
font-size:52px;
}

Similar with 1 row and header if you’d like, then you will be able to achieve what you want with it.

Best Wishes,
Peter