https://community.splunk.com/t5/Splunk-Dev/HTML-CSS-code-not-adding-in-dashboard/m-p/690876#M11535 <P>Remove the CDATA bracketing - it is not required</P> Mon, 17 Jun 2024 09:30:09 GMT ITWhisperer 2024-06-17T09:30:09Z https://community.splunk.com/t5/Splunk-Dev/HTML-CSS-code-not-adding-in-dashboard/m-p/690874#M11534 <P>i am creating a dashboard view using HTML/CSS code but after saving the dashboard is showing in text format only&nbsp;</P> <P>below is the code and dashboard how is looking&nbsp;</P> <LI-CODE lang="markup">&lt;dashboard&gt; &lt;label&gt;Manual-supression&lt;/label&gt; &lt;description&gt;Please enter the values for your One-Time-Blackout.&lt;/description&gt; &lt;row&gt; &lt;panel&gt; &lt;html&gt; &lt;![CDATA[ &lt;style&gt; .container { width: 100%; max-width: 600px; margin: 0 auto; padding: 20px; background: white; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .container h1 { color: #4CAF50; text-align: center; } .form-group { margin-bottom: 15px; } .form-group label { display: block; font-weight: bold; } .form-group input, .form-group select, .form-group textarea { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 5px; } .form-group input[type="datetime-local"] { padding: 8px; } .save-button { display: block; width: 100%; padding: 10px; background-color: #4CAF50; color: white; border: none; border-radius: 5px; cursor: pointer; text-align: center; font-size: 16px; } &lt;/style&gt; &lt;div class="container"&gt; &lt;h1&gt;One-Time-Blackout&lt;/h1&gt; &lt;div class="form-group"&gt; &lt;label for="blackoutFilter"&gt;Blackout Filter&lt;/label&gt; &lt;input type="text" id="blackoutFilter" placeholder="Please enter a blackout filter or a blackout filter list separated by commas."&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;label for="startDate"&gt;Start Date and Time&lt;/label&gt; &lt;input type="datetime-local" id="startDate"&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;label for="endDate"&gt;End Date and Time&lt;/label&gt; &lt;input type="datetime-local" id="endDate"&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;label for="timeZone"&gt;Time Zone&lt;/label&gt; &lt;select id="timeZone"&gt; &lt;option value="UTC+0"&gt;UTC +0h&lt;/option&gt; &lt;!-- Add other time zones as needed --&gt; &lt;/select&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;label for="blackoutActive"&gt;Blackout Active&lt;/label&gt; &lt;select id="blackoutActive"&gt; &lt;option value="true"&gt;True&lt;/option&gt; &lt;option value="false"&gt;False&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;label for="description"&gt;Description&lt;/label&gt; &lt;textarea id="description" placeholder="Additional information about this entry."&gt;&lt;/textarea&gt; &lt;/div&gt; &lt;button class="save-button"&gt;Save&lt;/button&gt; &lt;/div&gt; ]]&gt; &lt;/html&gt; &lt;/panel&gt; &lt;/row&gt; &lt;/dashboard&gt;</LI-CODE> <P>&nbsp;</P> <P>O/p looks in text format:</P> <P>&nbsp;</P> <DIV class=""> <H1>Manual-supression</H1> <P class="">Please enter the values for your One-Time-Blackout.</P> </DIV> <DIV class=""> <DIV class=""> <DIV class=""> <DIV class=""> <DIV class=""> <DIV class=""> <DIV class="">&lt;style&gt; .container { width: 100%; max-width: 600px; margin: 0 auto; padding: 20px; background: white; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .container h1 { color: #4CAF50; text-align: center; } .form-group { margin-bottom: 15px; } .form-group label { display: block; font-weight: bold; } .form-group input, .form-group select, .form-group textarea { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 5px; } .form-group input[type="datetime-local"] { padding: 8px; } .save-button { display: block; width: 100%; padding: 10px; background-color: #4CAF50; color: white; border: none; border-radius: 5px; cursor: pointer; text-align: center; font-size: 16px; } &lt;/style&gt; &lt;div class="container"&gt; &lt;h1&gt;One-Time-Blackout&lt;/h1&gt; &lt;div class="form-group"&gt; &lt;label for="blackoutFilter"&gt;Blackout Filter&lt;/label&gt; &lt;input type="text" id="blackoutFilter" placeholder="Please enter a blackout filter or a blackout filter list separated by commas."&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;label for="startDate"&gt;Start Date and Time&lt;/label&gt; &lt;input type="datetime-local" id="startDate"&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;label for="endDate"&gt;End Date and Time&lt;/label&gt; &lt;input type="datetime-local" id="endDate"&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;label for="timeZone"&gt;Time Zone&lt;/label&gt; &lt;select id="timeZone"&gt; &lt;option value="UTC+0"&gt;UTC +0h&lt;/option&gt; &lt;!-- Add other time zones as needed --&gt; &lt;/select&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;label for="blackoutActive"&gt;Blackout Active&lt;/label&gt; &lt;select id="blackoutActive"&gt; &lt;option value="true"&gt;True&lt;/option&gt; &lt;option value="false"&gt;False&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;label for="description"&gt;Description&lt;/label&gt; &lt;textarea id="description" placeholder="Additional information about this entry."&gt;&lt;/textarea&gt; &lt;/div&gt; &lt;button class="save-button"&gt;Save&lt;/button&gt; &lt;/div&gt;</DIV> </DIV> </DIV> </DIV> </DIV> </DIV> </DIV> <P>&nbsp;</P> <P>&nbsp;</P> Mon, 17 Jun 2024 09:38:07 GMT https://community.splunk.com/t5/Splunk-Dev/HTML-CSS-code-not-adding-in-dashboard/m-p/690874#M11534 chandrasekhar46 2024-06-17T09:38:07Z https://community.splunk.com/t5/Splunk-Dev/HTML-CSS-code-not-adding-in-dashboard/m-p/690876#M11535 <P>Remove the CDATA bracketing - it is not required</P> Mon, 17 Jun 2024 09:30:09 GMT https://community.splunk.com/t5/Splunk-Dev/HTML-CSS-code-not-adding-in-dashboard/m-p/690876#M11535 ITWhisperer 2024-06-17T09:30:09Z