XModPro

In a feed how do I apply CSS

Paul Buckley Paul Buckley asked Sep 30, 2016
Active Oct 6 · Viewed 2412 times
<p>I tried to apply the same style&nbsp;as a form but does not align the data fields.How do I apply css to a feed. I using the feed to create printable report. II pass a variable to select one record.</p><p>&lt;STYLE&gt;</p><p>.xmp-FRM_QANCR { padding: 5px 5px 5px 5px; font-family:Oswald, Arial, Helvetica, sans-serif;}</p><p> .xmp-FRM_QANCR .xmp-form-row { margin: 2px; padding: 1px; clear:left;}</p><p> .xmp-FRM_QANCR label.xmp-form-label, .xmp-FRM_QANCR span.xmp-form-label{ display:block; float:left; </p><p> width: 70px;text-align: left; margin-right: 15px;font-family:Oswald, Arial, Helvetica, sans-serif; }</p><p> .xmp-FRM_QANCR .xmp-button { margin-right: 5px; font-family:Oswald, Arial, Helvetica, sans-serif;}</p><p>.section { padding:0px; margin:10px 0; background-color:#E6E6EF;border-left:1px solid gray; border-right:2px solid black; border-top:1px solid gray;&nbsp;</p><p> border-bottom:2px solid black; }</p><p> table td {</p><p> vertical-align: top;</p><p> }</p><p> &lt;/STYLE&gt;</p><p>&lt;div&gt;</p><p>&lt;div&gt;&lt;Label&gt;Report&lt;/Label&gt;&lt;/div&gt;</p><p> &lt;div&gt;</p><p> &lt;table&gt;</p><p> &lt;tr&gt;</p><p> &lt;td&gt;&lt;div&gt;&lt;Label width="120" &gt;Days Open [[Opendays]] Days&lt;/Label&gt;&lt;/div&gt;&lt;/td&gt;</p><p> &lt;td&gt;&lt;div &gt;&lt;Label width="120" &gt;&lt;/Label&gt;&lt;/div&gt;&lt;/td&gt;</p><p> &lt;/tr&gt;&lt;/table&gt; </p><p>&lt;/div&gt;</p><p> &lt;div&gt;&lt;Label&gt;Information&lt;/Label&gt;&lt;/div&gt;</p><p> &lt;div&gt;</p><p>&lt;table&gt;</p><p> &lt;tr&gt;</p><p> &lt;td&gt;&lt;div&gt;&lt;Label width="120" &gt;&lt;strong&gt;Rep&lt;/strong&gt;&lt;/Label&gt;[[No]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;</p><p> &lt;tr&gt;&lt;td&gt;&lt;div &gt;&lt;Label width="120" &gt;&lt;strong&gt;Date Raised&lt;/strong&gt;&lt;/Label&gt;[[dateNCR2]]&lt;/div&gt;&lt;/td&gt;</p><p> &lt;td&gt;&lt;div&gt;&lt;Label width="120" &gt;&lt;strong&gt;Initiator&lt;/strong&gt;&lt;/Label&gt;[[Name]]&lt;/div&gt;&lt;/td&gt;</p><p> &lt;td&gt;&lt;div&gt;&lt;Label width="120" &gt;&lt;strong&gt;Site&lt;/strong&gt;&lt;/Label&gt;&lt;/div&gt;&lt;/td&gt;</p><p> &lt;td&gt;&lt;div&gt;&lt;Label width="120" &gt;[[Site]]&lt;/Label&gt;&lt;/div&gt;&lt;/td&gt;</p><p> &lt;td&gt;&lt;div&gt;&lt;Label width="120"&gt;&lt;strong&gt;Dept&lt;/strong&gt;&lt;/Label&gt;&lt;/div&gt;&lt;/td&gt;</p><p> &lt;td&gt;&lt;div&gt;&lt;Label width="120"&gt;[[Dept]]&lt;/Label&gt;&lt;/div&gt;&lt;/td&gt;</p><p>&lt;/tr&gt; &lt;/table&gt;</p><p> &lt;/div&gt; &nbsp;</p><p>I looked at the Edit Form and the Feed Form and compared in google inspect. The same css is used as shown in the above question but span and display inline works in Edit but not in Feed why is this?The lower is from the edit where span is working the top is from the feed and is not.</p><p><img src="http://dnndev.com/Portals/0/Users/194/86/8386/FeedCSSssue.png?ver=2016-10-06-102333-207"></p><p>I will try and make available if you cannot resolve from this.</p>

2 Answers

Loading answers...