Changes

Jump to: navigation, search

Adding Styles to XML Worksheets

1,753 bytes added, 21:40, 19 December 2016
no edit summary
<table class="wikitable"><tr><td style="padding: 10px;"><big>This page has been deprecated</big></td><td style="padding: 10px;">See [[Custom Field Type: Special - XML Data]]</td></tr></table> __TOC__ Styles can be added to your XML Worksheets by adding CSS classes to the ''[[XSL Template'' ]] in the {{XML}}.
The following is an example worksheet generated by an {{XML}}. Note that the ''Total'' rows are shaded in and have a horizontal line above them.
[[Image:XMLSampleWorksheet.png|link=|600px]]
The styles are defined in the ''[[XSL Template'' ]] section of the {{XML}}. The ''bt'' style adds a line above the row. The ''InputReadOnly'' style adds a background color. The ''bcol'' style defines the node's width.
[[Image:XSLTemplate-Styles2.png|link=|300px]]
[[Image:XSLTemplate-ClassesInBuilder.png|link=|400px]]
 
Note that multiple style classes can be added to each node.
==Further Examples==
:[[Image:XMLStyleExample-RightAlignedHeading.png|link=|450px]]
 
===Total Row Caption===
 
The following set of styles:
<pre style="white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;">.acol {
width: 215px;
padding-top: 4px;
padding-right: 6px;
padding-bottom: 4px;
padding-left: 6px;
}
.sub {
font-size: 14px;
font-weight: normal;
background-color: #FFFFFF;
padding: 6px 4px 4px 6px;
color: #306aa1;
}
.bold {
font-weight: bold;
}
.bb {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #306aa1;
}
.bt {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #306aa1;
}</pre>
 
...will be presented as:
 
:[[Image:XMLStyleExample-TotalRowCaption.png|link=|450px]]
 
 
===Bolded Total Row===
 
The following set of styles:
<pre style="white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;">.bcol {
width: 150px;
padding-top: 4px;
padding-right: 6px;
padding-bottom: 4px;
padding-left: 6px;
}
.InputReadOnly {
background-color: #EEEEEE;
color: #666;
border: 0px none #eeeeee;
}
.tar {
text-align: right
}
.bold {
font-weight: bold;
}
.bb {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #306aa1;
}
.bt {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #306aa1;
}</pre>
 
...will be presented as:
 
:[[Image:XMLStyleExample-BoldedTotal.png|link=|450px]]
==See Also==
* {{XML}}* [[Category:XMLSection Builder]]* [[XSL Template]]
Smartstaff, administrator
3,315
edits

Navigation menu