Changes

Jump to: navigation, search

Adding Styles to XML Worksheets

2,332 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==
 
===Subject Heading===
The following style:
<pre style="white-space: pre-wrap;
...will be presented as:
[[Image:XMLStyleExample-SubjectHeading.png|link=|350px450px]] ===Right-Aligned Heading===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;}.sub { font-size: 14px; font-weight: normal; background-color: #FFFFFF; padding: 6px 4px 4px 6px; color: #306aa1;}.tar { text-align: right}</pre>  ...will be presented as: :[[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,316
edits

Navigation menu