https://community.splunk.com/t5/Dashboards-Visualizations/Is-it-possible-to-specify-the-width-of-a-panel-in-the-XML-layout/m-p/10466#M78 <P>Nick, I'm having issues doing this with IE (tried 7 and 8). There seems to be a <CODE>style="width: 50%"</CODE> attribute added to the div tag (possibly via javascript?) that is overriding my CSS. Any thoughts?</P> Wed, 24 Aug 2011 19:42:28 GMT Lowell 2011-08-24T19:42:28Z https://community.splunk.com/t5/Dashboards-Visualizations/Is-it-possible-to-specify-the-width-of-a-panel-in-the-XML-layout/m-p/10463#M75 <P>Is it possible to specify the width of a panel in the XML layout?</P> Tue, 23 Mar 2010 06:21:54 GMT https://community.splunk.com/t5/Dashboards-Visualizations/Is-it-possible-to-specify-the-width-of-a-panel-in-the-XML-layout/m-p/10463#M75 zliu 2010-03-23T06:21:54Z https://community.splunk.com/t5/Dashboards-Visualizations/Is-it-possible-to-specify-the-width-of-a-panel-in-the-XML-layout/m-p/10464#M76 <P>Yes although not directly and this method might be a little too hands-on for many. </P> <P>Here's how. I'll show you how to do it with a clone of the 'search status' view that we ship in the search app. In the third row of that view there are two panels, and we'll set the width of the first to 67% and the width of the second to 33%. </P> <P>NOTE: in 4.1 the two-panel row is actually the second row, not the third row so this walkthrough is a little different. If in doubt check the actual view you have. </P> <P>step 1: from the search app go to Manager and go to the Views page. Under 'search_status' click the 'clone link'. Call the view 'custom_width_test' or whatever you like. </P> <P>step 2: in that cloned view, add a stylesheet="custom_width.css" attribute to the root node of your view. Because this is a simplified dashboard, you'll add this attribute to the tag. (if you're in a simplified form search you'd add it to the tag at the top, and likewise if you're in the advanced XML you'll just add it to the tag.) </P> <P>step 3: in etc/apps/search/appserver/static/ create a file called custom_width.css whose contents look like this: </P> <PRE><CODE>.panel_row3_col .layoutCell { width:33% !important; } .panel_row3_col .firstCell { width:67% !important; } </CODE></PRE> <P>That's all she wrote. It would be a little trickier to modify the widths of a row that had 3 or more panels, but hopefully this example is what you need. </P> <P>n</P> Wed, 31 Mar 2010 03:19:29 GMT https://community.splunk.com/t5/Dashboards-Visualizations/Is-it-possible-to-specify-the-width-of-a-panel-in-the-XML-layout/m-p/10464#M76 sideview 2010-03-31T03:19:29Z https://community.splunk.com/t5/Dashboards-Visualizations/Is-it-possible-to-specify-the-width-of-a-panel-in-the-XML-layout/m-p/10465#M77 <P>This is great, but how do I affect the second panel in a row with three or more panels? You say it's trickier but not impossible.</P> Fri, 05 Aug 2011 20:38:00 GMT https://community.splunk.com/t5/Dashboards-Visualizations/Is-it-possible-to-specify-the-width-of-a-panel-in-the-XML-layout/m-p/10465#M77 ashtam 2011-08-05T20:38:00Z https://community.splunk.com/t5/Dashboards-Visualizations/Is-it-possible-to-specify-the-width-of-a-panel-in-the-XML-layout/m-p/10466#M78 <P>Nick, I'm having issues doing this with IE (tried 7 and 8). There seems to be a <CODE>style="width: 50%"</CODE> attribute added to the div tag (possibly via javascript?) that is overriding my CSS. Any thoughts?</P> Wed, 24 Aug 2011 19:42:28 GMT https://community.splunk.com/t5/Dashboards-Visualizations/Is-it-possible-to-specify-the-width-of-a-panel-in-the-XML-layout/m-p/10466#M78 Lowell 2011-08-24T19:42:28Z https://community.splunk.com/t5/Dashboards-Visualizations/Is-it-possible-to-specify-the-width-of-a-panel-in-the-XML-layout/m-p/10467#M79 <P>@nick: Nevermind, I didn't have the <CODE>!important</CODE> in there properly. It works on IE now. Doh!</P> Wed, 24 Aug 2011 19:45:38 GMT https://community.splunk.com/t5/Dashboards-Visualizations/Is-it-possible-to-specify-the-width-of-a-panel-in-the-XML-layout/m-p/10467#M79 Lowell 2011-08-24T19:45:38Z