- Splunk Answers
- :
- Using Splunk
- :
- Dashboards & Visualizations
- :
- Re: dropdown, radio,multiselect,time picker and bu...
- Subscribe to RSS Feed
- Mark Topic as New
- Mark Topic as Read
- Float this Topic for Current User
- Bookmark Topic
- Subscribe to Topic
- Mute Topic
- Printer Friendly Page
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
I have a mutiple inputs form in a dashboard but it gets extends to new line for someinputs.
i need to align all inputs on a single horizontal line.
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
@premranjithj can you please add a screenshot of what is the issue you are facing? Also what do you want to do when the inputs can't be accommodated in the same row? Do you want to reduce input width or do you want to have scrollbar to the right?
Here is a previous answer on similar lines. Not sure if this is same requirement for you as well: https://answers.splunk.com/answers/789054/how-to-fix-the-dashboard-layout-irrespective-of-th.html
| makeresults | eval message= "Happy Splunking!!!"
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Hi
Try this css
<row depends="$hide$">
<panel>
<html>
<style>
div[data-view="views/dashboard/form/GlobalFieldset"] {
display:inline-block !important;
white-space: nowrap !important;
}
</style>
</html>
</panel>
</row>
As @niketnilay said please add the screenshot.
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
@premranjithj can you please add a screenshot of what is the issue you are facing? Also what do you want to do when the inputs can't be accommodated in the same row? Do you want to reduce input width or do you want to have scrollbar to the right?
Here is a previous answer on similar lines. Not sure if this is same requirement for you as well: https://answers.splunk.com/answers/789054/how-to-fix-the-dashboard-layout-irrespective-of-th.html
| makeresults | eval message= "Happy Splunking!!!"
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
The link works for my requirement.
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
@premranjithj I have converted my comment to answer. Please accept if your issue is resolved.
| makeresults | eval message= "Happy Splunking!!!"
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
When we needed all our radios to go horizontal instead of vertical, we added an id to the radio input, then added some custom CSS into our simple XML dashboard that leveraged that id. This should give you a basis to build from.
Edit your dashboard and edit the simple xml to add an id to your radio input. Example:
<input type="radio" token="mytoken" id="myradio">
Here's the panel for the custom inline CSS to leverage that label:
<row depends="$alwaysHideCSS$">
<panel>
<html>
<style>
#myradio {
width: 100%;
}
#myradio label {
white-space: nowrap;
}
#myradio.splunk-radiogroup div[role=radiogroup] {
flex-direction: row;
flex-wrap: wrap;
}
#myradio.splunk-radiogroup div[role=radiogroup] div {
margin-right: 20px;
}
</style>
</html>
</panel>
</row>
If this reply helps you, an upvote would be appreciated.
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
@efavreau this will not server my purpose.
i want all inputs forms like mutitselect,radio,dropdown to align in same row instead of 2 rows horizontal due to space constraints
Announcing Scheduled Export GA for Dashboard Studio
Extending Observability Content to Splunk Cloud
More Control Over Your Monitoring Costs with Archived Metrics GA in US-AWS!
