XModPro

How to use css in detail template

Paul Buckley Paul Buckley asked Feb 5, 2016
Active Feb 28 · Viewed 1982 times
<p>I copied style&nbsp;css from edit form to detail template to create a view version&nbsp;of the edit form data being displayed. No css seems to be applied? yet works okay in edit form?</p><p>My css is placed after the detail template tag the I set &lt;style&nbsp;type="text/css"</p><p><strong>&lt;DetailTemplate&gt; </strong></p><p><strong> &lt;style type="text/css"&gt;</strong></p><p> .xmp-FRM_QANCR { padding: 5px 5px 5px 5px; font:Arial;}</p><p> .xmp-FRM_QANCR .xmp-form-row { margin: 2px; padding: 1px; clear:left;}</p><p><strong> .xmp-FRM_QANCR label.xmp-form-label, .xmp-FRM_QANCR span.xmp-form-label{ display:block; width:120px;text-align: left; margin-right: 15px;font:Arial; }</strong></p><p> .xmp-FRM_QANCR .xmp-button { margin-right: 5px; font-family:Oswald, Arial, Helvetica, sans-serif;}</p><p> <strong>.</strong><strong>&lt;/style&gt; </strong>&nbsp;</p><p>Then I use it within the detail template</p><p>&lt;table&gt;</p><p> &lt;tr&gt;</p><p> &lt;td&gt;&lt;div&gt;&lt;Label <strong>CssClass="xmp-form-label</strong>"&gt;&lt;strong&gt;NCR&lt;/strong&gt;&lt;/Label&gt;&lt;/div&gt;&lt;/td&gt;</p><p> &lt;td&gt;&lt;div&gt;&lt;Label <strong>CssClass="xmp-form-label</strong>"&gt;[[IDNCREJ]]&lt;/Label&gt;&lt;/div&gt;&lt;/td&gt;</p><p> &lt;/tr&gt;&lt;/table&gt;</p><p>It does not apply the width on the label to 120&nbsp;for some reason..what am I missing?</p>

1 Answer

Loading answers...