Solved: Submit button working properly but the dashboard h...

chitreshakumar · ‎12-10-2017

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="http://222.178.203.72:19005/whst/63/=bnlltmhsxzroktmjzbnl9332///t5/Dashboards-Visualizations/Submit-button-working-properly-but-the-dashboard-heading-coming/td-p/help"> </a>
          </div>
        <div class="_logo">
         Page Name
        </div>
      </div> 
    </html>
    </panel>
  </row>
    <fieldset submitButton="true" autorun="false">

chitreshakumar · ‎12-20-2017

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

chitreshakumar · ‎12-20-2017

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

kamlesh_vaghela · ‎12-10-2017

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

chitreshakumar · ‎12-10-2017

    <row id="dashboard_logo">
        <panel>
          <html>
          <div class="tab_logo">
            <div class="-logo"/>        
            <div class="-links">
                <a class="help" href="http://222.178.203.72:19005/whst/63/=bnlltmhsxzroktmjzbnl9332///t5/Dashboards-Visualizations/Submit-button-working-properly-but-the-dashboard-heading-coming/td-p/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

kamlesh_vaghela · ‎12-10-2017

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="http://222.178.203.72:19005/whst/63/=bnlltmhsxzroktmjzbnl9332///t5/Dashboards-Visualizations/Submit-button-working-properly-but-the-dashboard-heading-coming/td-p/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

chitreshakumar · ‎12-10-2017

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!!

kamlesh_vaghela · ‎12-10-2017

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

niketn · ‎12-11-2017

@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!!!"

chitreshakumar · ‎12-11-2017

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="http://222.178.203.72:19005/whst/63/=bnlltmhsxzroktmjzbnl9332///t5/Dashboards-Visualizations/Submit-button-working-properly-but-the-dashboard-heading-coming/td-p/help"> </a> </div> <div class="page_logo"> Page Name </div> </div> </html>

chitreshakumar · ‎12-20-2017

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

kamlesh_vaghela · ‎12-11-2017

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

Hi @chitreshakumar,

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

Thanks

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

Splunk Enterprise Security 8.0.2 Availability: On cloud and On-premise!

Logs to Metrics

Developer Spotlight with Paul Stout