Dashboards & Visualizations

Submit button working properly but the dashboard heading coming after my input panel?

Communicator

I have created a submit button to create a search when we change input and click the submit button .Submit button is working properly but there is page heading logo which is coming after the input button

<row id="dashboard_logo">
    <panel>
      <html>
      <div class="tab_logo">
        <div class="tool-logo"/>        
        <div class="page-links">
            <a class="help" href="./help"> </a>
          </div>
        <div class="_logo">
         Page Name
        </div>
      </div> 
    </html>
    </panel>
  </row>
    <fieldset submitButton="true" autorun="false">
0 Karma
1 Solution

Communicator

When you create the XML you will have rows and fieldset .Use your CSS stylesheet to change the order of layout .And it works perfectly fine.We will need to create a CSS and add that stylesheet in the form tab of XML

View solution in original post

0 Karma

Communicator

When you create the XML you will have rows and fieldset .Use your CSS stylesheet to change the order of layout .And it works perfectly fine.We will need to create a CSS and add that stylesheet in the form tab of XML

View solution in original post

0 Karma

SplunkTrust
SplunkTrust

Hi @chitreshakumar,

Can you please share full XML of your dashboard and more detail about your requirements. Remove confidential details in XML if any.

Thanks

0 Karma

Communicator
    <row id="dashboard_logo">
        <panel>
          <html>
          <div class="tab_logo">
            <div class="-logo"/>        
            <div class="-links">
                <a class="help" href="./help"> </a>
              </div>
            <div class="page_logo">
              Page Name
            </div>
          </div> 
        </html>
        </panel>
      </row>
        <fieldset submitButton="true" autorun="false">

          <input type="time" token="time" searchWhenChanged="false">
            <label>Time Range</label>
            <default>
              <earliest>0</earliest>
              <latest>now()</latest>
            </default>
          </input>
        <input type="multiselect" token="id" searchWhenChanged="false">
            <label>Name</label>
            <search base="base_search">
              <query></query>
            </search>
            <fieldForLabel>label</fieldForLabel>
            <fieldForValue>value</fieldForValue>
            <default>*</default>
            <choice value="*">All</choice>
            <prefix>(</prefix>
            <suffix>)</suffix>
            <valuePrefix>id="</valuePrefix>
            <valueSuffix>"</valueSuffix>
            <delimiter> OR </delimiter>
          </input>
    </fieldset>

But logo in the first paragraph of code is appearing after my fieldset input,any solution to this problem??I want the logo on the top of the page as it is the title of my page

0 Karma

SplunkTrust
SplunkTrust

Hi @chitreshakumar,

Yes, fieldset always displays at the top the dashboard then after row tags. If you want to make it possible just keep multiselect and time in another row tag. Please try below xml.

 <row id="dashboard_logo">
         <panel>
           <html>
           <div class="tab_logo">
             <div class="-logo"/>        
             <div class="-links">
                 <a class="help" href="./help"> </a>
               </div>
             <div class="page_logo">
               Page Name
             </div>
           </div> 
         </html>
         </panel>
       </row>
       <row>
         <panel>
           <input type="time" token="time" searchWhenChanged="false">
             <label>Time Range</label>
             <default>
               <earliest>0</earliest>
               <latest>now()</latest>
             </default>
           </input>
         <input type="multiselect" token="id" searchWhenChanged="false">
             <label>Name</label>
             <search base="base_search">
               <query></query>
             </search>
             <fieldForLabel>label</fieldForLabel>
             <fieldForValue>value</fieldForValue>
             <default>*</default>
             <choice value="*">All</choice>
             <prefix>(</prefix>
             <suffix>)</suffix>
             <valuePrefix>id="</valuePrefix>
             <valueSuffix>"</valueSuffix>
             <delimiter> OR </delimiter>
           </input>
         </panel>
       </row>

Happy Splunking

0 Karma

Communicator

But I will not get the submit button if I do it this way.I want the submit button for input otherwise I would have done what you are suggesting!!

0 Karma

SplunkTrust
SplunkTrust

Hi @chitreshakumar,

Yes, for that you have to add <fieldset submitButton="true"></fieldset> and it will not display as per your expectations. So in your case, you need to add submit button manually. Can you please try this.

https://blog.octoinsight.com/there-can-be-only-one-submit-button/

Thanks

0 Karma

SplunkTrust
SplunkTrust

@chitreshakumar, you can use CSS override to postion Submit Button as per your need.

   <panel>
       <html>
          <style>
            .btn-primary{
              position:absolute !important;
              left:30px !important;
              top:285px !important;
              z-index:2 !important;
            }
          </style>
          ...
          ...
____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
0 Karma

Communicator

Thanks for reply!!But I don't want to change the place of submit button. Rather I will like to change the place of the logo to topmost of the page

<div class="tab_logo">
<div class="-logo"/>
<div class="-links">
<a class="help" href="./help"> </a>
</div>
<div class="page_logo">
Page Name
</div>
</div>
</html>

0 Karma

Communicator

When you create the XML you will have rows and fieldset .Use your CSS stylesheet to change the order of layout .And it works perfectly fine

0 Karma

SplunkTrust
SplunkTrust

Hi @niketnilay,
Yeah, it's working. Thanks

Hi @chitreshakumar,

Just add <fieldset submitButton="true"></fieldset> and CSS in html which @niketnilay mentioned.

Thanks

0 Karma