Hello there,
Is there a way to adjust input link element width using CSS?
I mean, I was able to reduce link button width using "div[data-component="splunk-core:/splunkjs/mvc/components/LinkList"]":
But I would like to also adjust the size of the element itself:
The goal is to ease centering depending on browser resolution:
My test dashboard:
<dashboard>
<label>Input Link Width</label>
<row>
<panel>
<input type="text" token="text_1_tok">
<label></label>
<default>Test1</default>
</input>
<input id="link_button_1" type="link" token="link_1_tok">
<label></label>
<choice value="true">OK</choice>
</input>
</panel>
<panel>
<input type="text" token="text_2_tok">
<label></label>
<default>Test2</default>
</input>
<input id="link_button_2" type="link" token="link_2_tok">
<label></label>
<choice value="true">OK</choice>
</input>
</panel>
</row>
<row>
<panel>
<html>
<style>
#link_button_1 div[data-component="splunk-core:/splunkjs/mvc/components/LinkList"], #link_button_2 div[data-component="splunk-core:/splunkjs/mvc/components/LinkList"]{
width: 23% !important;
}
</style>
</html>
</panel>
</row>
</dashboard>
1 Solution
