Search view layout

Search view layout

This topic describes how to layout your search views.

Chrome

Search view chrome layout panels are ordered the same as dashboards:

• messaging
  • Use this layoutPanel for messaging modules.
• appHeader
  • appHeader contains all the overall links for Splunk AccountBar.
• navigationHeader
  • Use this layoutPanel for the AppBar module, which contains all the navigation for the App.
• viewHeader
  • viewHeader is a header panel for your view, where you can put a title for your page.

Add the search bar

Use search modules to display the search bar and supporting modules in the following panels:

• splSearchControls-inline
  • This panel aligns search modules next to each other in columns, with the first module taking up any space the other modules don't.
• mainSearchControls
  • This panel aligns search controls one after another, generally vertically.

Results

Put the rest of your results modules in the following layout panels:

• fullWidthControls
  • Use this layout panel for anything that will take up the whole width of the page, such as serverSideInclude or other web resources.
• graphArea
  • Use this panel for the FlashTimeline module.
• sidebar
  • Use this panel to display the FieldPicker, MultiFieldViewer and SuggestedFieldViewer modules.
• resultsHeaderPanel
  • Add a header to your results with the ResultsHeader module.
• pageControls
  • Put Paginator and other page controls modules here.
• resultsAreaLeft
  • Display your results here with the EventsViewer module.
• resultsAreaRight
  • Add a secondary area to display results to the right of resultsAreaLeft.
• resultsOptions
  • This is a pop-up layer and shows up as a link to Options from within pageControls.