Dashboards & Visualizations
Highlighted

How can I add a second column to a dashboard menu?

Motivator

Hi,

I have a Dashboard menu that allows a user to click on whatever dashboard they choose instead of bookmarking URLs (just trying to make it easier on the end user). The trouble is I'm running out of space vertically to add new entries. I have plenty of space horizontally but I'm not sure how to do columns. Below is the current xml/html code (with some attempts at doing columns mixed in). The hope is I can take the below menu items and split them across 2 columns.

<dashboard>
  <label>Dashboard of Dashboards</label>
  <description>Dashboard Menu</description>

  <row>
    <panel>

      <html>
        <h1>
           Dashboards
         </h1>

<table>
       <tr> 
       <td>
        <p>
          <h2>
          Section 1
          </h2>
          <h3>
            <a href="https://icontrol.splunkcloud.com/en-US/app/search/aws_health_check">AWS Health Checks</a>&lt;br/&gt;</br>
            <a href="https://icontrol.splunkcloud.com/en-US/app/search/touchscreen_lockups">Touchscreen Lockup</a>&lt;br/&gt;</br>
            <a href="https://icontrol.splunkcloud.com/en-US/app/search/uc_keybad">UC-Keypad Lockup</a>&lt;br/&gt;</br>
            <a href="https://icontrol.splunkcloud.com/en-US/app/search/failed_reboots">Failed Reboots</a>&lt;br/&gt;</br>
          </h3>
        </p>

        <h2>
        Section 2
        </h2>
        <h3>
        <a href="https://icontrol.splunkcloud.com/en-US/app/search/test1">BETA Operational - Administrative</a>&lt;br/&gt;</br>
        <a href="https://icontrol.splunkcloud.com/en-US/app/search/beta">BETA Operational - Detail</a>&lt;br/&gt;</br>
        <a href="https://icontrol.splunkcloud.com/en-US/app/search/beta_reports__summary">BETA Operational - Summary</a>&lt;br/&gt;</br>
        <a href="https://icontrol.splunkcloud.com/en-US/app/search/build_agents">Build Agents</a>&lt;br/&gt;</br>
        <a href="https://icontrol.splunkcloud.com/en-US/app/search/cpe_diagnostics">CPE Diagnostics</a>&lt;br/&gt;</br>
        <a href="https://icontrol.splunkcloud.com/en-US/app/website_monitoring/status_overview">MSO Portal Performance</a>&lt;br/&gt;</br>
        <a href="https://icontrol.splunkcloud.com/en-US/app/search/customer_statistics">MSO Statistics</a>&lt;br/&gt;</br>
        <a href="https://icontrol.splunkcloud.com/en-US/app/search/pdevn_dashboard">PDEV-N</a>&lt;br/&gt;</br>
        <a href="https://icontrol.splunkcloud.com/en-US/app/search/relay_server_statistics"> Relay Statistics</a>&lt;br/&gt;</br>
        <a href="https://icontrol.splunkcloud.com/en-US/app/search/support_dashboard_not_on_tv">Support Dashboard</a>&lt;br/&gt;</br>
        <a href="https://icontrol.splunkcloud.com/en-US/app/search/sandbox_dashboard">Support Sandbox</a>&lt;br/&gt;</br>
        <a href="https://icontrol.splunkcloud.com/en-US/app/search/severity_1_dashboard">Support Severity 1</a>&lt;br/&gt;</br>
        <a href="https://icontrol.splunkcloud.com/en-US/app/search/beta_weblogic_exceptions_and_failurs">Weblogic Exceptions and Failures</a>&lt;br/&gt;</br>
        </h3>  

        <h2>
         MSOs
        </h2>
        <h3>
         <a href="https://icontrol.splunkcloud.com/en-US/app/search/blah_dashboard">Production</a>&lt;br/&gt;</br>
         <a href="https://icontrol.splunkcloud.com/en-US/app/search/blah1_dashboard"> Production</a>&lt;br/&gt;</br>
         <a href="https://icontrol.splunkcloud.com/en-US/app/search/blah2_dashboard"> Production</a>&lt;br/&gt;</br>
         <a href="https://icontrol.splunkcloud.com/en-US/app/search/blah3"> Production</a>&lt;br/&gt;</br>
        </h3>

        <h2>
         Splunk on Splunk
        </h2>
        <h3>
        <a href="https://icontrol.splunkcloud.com/en-US/app/search/dashboard_usage">Dashboard Usage - Who is viewing what dashboard, how often and when</a>&lt;br/&gt;</br>
          <a href="https://icontrol.splunkcloud.com/en-US/app/search/license_vs_usage">Daily Usage vs License</a>&lt;br/&gt;</br>
          <a href="https://icontrol.splunkcloud.com/en-US/app/search/sev1_stats">Server Audit Tool Statistics</a>&lt;br/&gt;</br>
        </h3>  
        </td>
        </tr>
        <td><a href="https://icontrol.splunkcloud.com/en-US/app/search/sev1_stats">blah</a>&lt;br/&gt;</br> </td>
          </table>

         </html>
    </panel>
  </row>




</dashboard>
0 Karma
Highlighted

Re: How can I add a second column to a dashboard menu?

SplunkTrust
SplunkTrust

YOu're keeping every menu item in single <td></td> section, hence they appear under same column/cell. Try something like (adding more <td></td> (cells/columns) in a <tr></tr>(row)

<dashboard>
   <label>Dashboard of Dashboards</label>
   <description>Dashboard Menu</description>

   <row>
     <panel>

       <html>
         <h1>
            Dashboards
          </h1>

 <table>
        <tr> 
        <td>
         <p>
           <h2>
           Section 1
           </h2>
           <h3>
             <a href="https://icontrol.splunkcloud.com/en-US/app/search/aws_health_check">AWS Health Checks</a><br/></br>
             <a href="https://icontrol.splunkcloud.com/en-US/app/search/touchscreen_lockups">Touchscreen Lockup</a><br/></br>
             <a href="https://icontrol.splunkcloud.com/en-US/app/search/uc_keybad">UC-Keypad Lockup</a><br/></br>
             <a href="https://icontrol.splunkcloud.com/en-US/app/search/failed_reboots">Failed Reboots</a><br/></br>
           </h3>
         </p>
        </td>
        <td>
         <h2>
         Section 2
         </h2>
         <h3>
         <a href="https://icontrol.splunkcloud.com/en-US/app/search/test1">BETA Operational - Administrative</a><br/></br>
         <a href="https://icontrol.splunkcloud.com/en-US/app/search/beta">BETA Operational - Detail</a><br/></br>
         <a href="https://icontrol.splunkcloud.com/en-US/app/search/beta_reports__summary">BETA Operational - Summary</a><br/></br>
         <a href="https://icontrol.splunkcloud.com/en-US/app/search/build_agents">Build Agents</a><br/></br>
         <a href="https://icontrol.splunkcloud.com/en-US/app/search/cpe_diagnostics">CPE Diagnostics</a><br/></br>
         <a href="https://icontrol.splunkcloud.com/en-US/app/website_monitoring/status_overview">MSO Portal Performance</a><br/></br>
         <a href="https://icontrol.splunkcloud.com/en-US/app/search/customer_statistics">MSO Statistics</a><br/></br>
         <a href="https://icontrol.splunkcloud.com/en-US/app/search/pdevn_dashboard">PDEV-N</a><br/></br>
         <a href="https://icontrol.splunkcloud.com/en-US/app/search/relay_server_statistics"> Relay Statistics</a><br/></br>
         <a href="https://icontrol.splunkcloud.com/en-US/app/search/support_dashboard_not_on_tv">Support Dashboard</a><br/></br>
         <a href="https://icontrol.splunkcloud.com/en-US/app/search/sandbox_dashboard">Support Sandbox</a><br/></br>
         <a href="https://icontrol.splunkcloud.com/en-US/app/search/severity_1_dashboard">Support Severity 1</a><br/></br>
         <a href="https://icontrol.splunkcloud.com/en-US/app/search/beta_weblogic_exceptions_and_failurs">Weblogic Exceptions and Failures</a><br/></br>
         </h3>  

         <h2>
          MSOs
         </h2>
         <h3>
          <a href="https://icontrol.splunkcloud.com/en-US/app/search/blah_dashboard">Production</a><br/></br>
          <a href="https://icontrol.splunkcloud.com/en-US/app/search/blah1_dashboard"> Production</a><br/></br>
          <a href="https://icontrol.splunkcloud.com/en-US/app/search/blah2_dashboard"> Production</a><br/></br>
          <a href="https://icontrol.splunkcloud.com/en-US/app/search/blah3"> Production</a><br/></br>
         </h3>

         <h2>
          Splunk on Splunk
         </h2>
         <h3>
         <a href="https://icontrol.splunkcloud.com/en-US/app/search/dashboard_usage">Dashboard Usage - Who is viewing what dashboard, how often and when</a><br/></br>
           <a href="https://icontrol.splunkcloud.com/en-US/app/search/license_vs_usage">Daily Usage vs License</a><br/></br>
           <a href="https://icontrol.splunkcloud.com/en-US/app/search/sev1_stats">Server Audit Tool Statistics</a><br/></br>
         </h3>  
         </td>
         </tr>
         <td><a href="https://icontrol.splunkcloud.com/en-US/app/search/sev1_stats">blah</a><br/></br> </td>
           </table>          
          </html>
     </panel>
   </row>
 </dashboard>

View solution in original post

Highlighted

Re: How can I add a second column to a dashboard menu?

Motivator

Hmmmm, maybe (very likely) I'm not understanding. I tried more td and tr but the end result remains unchanged

<dashboard>
  <label>Dashboard of Dashboards</label>
  <description>Dashboard Menu</description>

  <row>
    <panel>

      <html>
        <h1>
           Dashboards
         </h1>

<table>
       <tr> 
       <td>
        <p>
          <h2>
          Comcast
          </h2>
          <h3>
            <a href="https://icontrol.splunkcloud.com/en-US/app/search/aws_health_check">Comcast - AWS Health Checks</a>&lt;br/&gt;</br>
            <a href="https://icontrol.splunkcloud.com/en-US/app/search/touchscreen_lockups">Comcast - Touchscreen Lockup</a>&lt;br/&gt;</br>
            <a href="https://icontrol.splunkcloud.com/en-US/app/search/uc_keybad">Comcast - UC-Keypad Lockup</a>&lt;br/&gt;</br>
            <a href="https://icontrol.splunkcloud.com/en-US/app/search/failed_reboots">Comcast - Failed Reboots</a>&lt;br/&gt;</br>
          </h3>
        </p>
       </td>
       </tr>

       <tr> 
       <td>
        <h2>
         Icontrol
        </h2>
        <h3>
        <a href="https://icontrol.splunkcloud.com/en-US/app/search/test1">Icontrol - BETA Operational - Administrative</a>&lt;br/&gt;</br>
        <a href="https://icontrol.splunkcloud.com/en-US/app/search/beta">Icontrol - BETA Operational - Detail</a>&lt;br/&gt;</br>
        <a href="https://icontrol.splunkcloud.com/en-US/app/search/beta_reports__summary">Icontrol - BETA Operational - Summary</a>&lt;br/&gt;</br>
        <a href="https://icontrol.splunkcloud.com/en-US/app/search/build_agents">Icontrol - Build Agents</a>&lt;br/&gt;</br>
        <a href="https://icontrol.splunkcloud.com/en-US/app/search/cpe_diagnostics">Icontrol - CPE Diagnostics</a>&lt;br/&gt;</br>
        <a href="https://icontrol.splunkcloud.com/en-US/app/website_monitoring/status_overview">Icontrol - MSO Portal Performance</a>&lt;br/&gt;</br>
        <a href="https://icontrol.splunkcloud.com/en-US/app/search/customer_statistics">Icontrol - MSO Statistics</a>&lt;br/&gt;</br>
        <a href="https://icontrol.splunkcloud.com/en-US/app/search/pdevn_dashboard">Icontrol - PDEV-N</a>&lt;br/&gt;</br>
        <a href="https://icontrol.splunkcloud.com/en-US/app/search/relay_server_statistics"> Icontrol - Relay Statistics</a>&lt;br/&gt;</br>
        <a href="https://icontrol.splunkcloud.com/en-US/app/search/support_dashboard_not_on_tv">Icontrol - Support Dashboard</a>&lt;br/&gt;</br>
        <a href="https://icontrol.splunkcloud.com/en-US/app/search/sandbox_dashboard">Icontrol - Support Sandbox</a>&lt;br/&gt;</br>
        <a href="https://icontrol.splunkcloud.com/en-US/app/search/severity_1_dashboard">Icontrol - Support Severity 1</a>&lt;br/&gt;</br>
        <a href="https://icontrol.splunkcloud.com/en-US/app/search/beta_weblogic_exceptions_and_failurs">Icontrol - Weblogic Exceptions and Failures</a>&lt;br/&gt;</br>
        </h3>  

        </td>
       </tr>


         <tr> 
       <td>
        <h2>
         MSOs
        </h2>
        <h3>
         <a href="https://icontrol.splunkcloud.com/en-US/app/search/comporium_dashboard">Comporium - Production</a>&lt;br/&gt;</br>
         <a href="https://icontrol.splunkcloud.com/en-US/app/search/cox_dashboard">Cox Residential - Production</a>&lt;br/&gt;</br>
         <a href="https://icontrol.splunkcloud.com/en-US/app/search/itscom_dashboard">Itscom - Production</a>&lt;br/&gt;</br>
         <a href="https://icontrol.splunkcloud.com/en-US/app/search/twc_dashboard">Time Warner Cable - Production</a>&lt;br/&gt;</br>
        </h3>

        </td>
       </tr>

         <tr> 
       <td>
        <h2>
         Splunk on Splunk
        </h2>
        <h3>
        <a href="https://icontrol.splunkcloud.com/en-US/app/search/dashboard_usage">Dashboard Usage - Who is viewing what dashboard, how often and when</a>&lt;br/&gt;</br>
          <a href="https://icontrol.splunkcloud.com/en-US/app/search/license_vs_usage">Daily Usage vs License</a>&lt;br/&gt;</br>
          <a href="https://icontrol.splunkcloud.com/en-US/app/search/sev1_stats">Server Audit Tool Statistics</a>&lt;br/&gt;</br>
        </h3>  

         </td>
       </tr>

          </table>

         </html>
    </panel>
  </row>




</dashboard>
0 Karma
Highlighted

Re: How can I add a second column to a dashboard menu?

SplunkTrust
SplunkTrust

You're adding <td> but in a separate row (<tr>) hence they appear one below each other. To understand html table correctly try this in your dashboard (create a new and try)

<dashboard>
   <label>Format Table</label>
   <description>Dashboard Menu</description>

   <row>
     <panel>

       <html>
         <h1>
            Dashboards
          </h1>

 <table>
        <tr> 
        <td>
         <p>
           Row 1 Col 1#####
         </p>
        </td>
         <td>
         <p>
           Row 1 Col 2#####
         </p>
        </td>
        <td>
         <p>
           Row 1 Col 3#####
         </p>
        </td>
        </tr>  

 <tr> 
        <td>
         <p>
           Row 2 Col 1#####
         </p>
        </td>
         <td>
         <p>
           Row 2 Col 2#####
         </p>
        </td>
        <td>
         <p>
           Row 2 Col 3#####
         </p>
        </td>
        </tr>
           </table>          
           </html>
     </panel>
   </row>
 </dashboard>
0 Karma