ASP.NET MVC Controls | ComponentOne
Working with Controls / OLAP / Work with OLAP / Styling and CSS
In This Topic
    Styling and CSS
    In This Topic

    CSS classes for the OLAP control are as follows:

    Class Description
    .wj-pivotpanel Styles the div host element of the PivotPanel control.
    .wj-pivotpanel div Styles all the div elements representing the fields, filters, columns, rows and values sections contained in the pivot panel.
    .wj-pivotpanel table Styles the table containing the Filters, Columns, Rows and Values sections of the pivot panel.
    .wj-pivotpanel tr Styles the table rows containing the filters, columns, rows and values sections
    .wj-pivotpanel td Styles the table cells containing the filters, columns, rows and values sections.
    .wj-pivotpanel .wj-flexgrid .wj-cell.wj-group Styles the cells of all the grids contained in the pivot panel.
    .wj-pivotpanel .wj-flexgrid .wj-aggregate Styles the aggregate function text displayed in the Values section of the pivot panel.
    .wj-pivotpanel .wj-flexgrid Styles all the grids in the pivot panel which are used to represent the list of fields and the values in the filters, columns, rows and values sections.
    .wj-pivotpanel .wj-flexgrid label Styles the labels used to display a list of fields in the pivot panel.
    .wj-pivotpanel table .wj-flexgrid Styles the grids which are used to represent the values in the filters, columns, rows and values sections.
    .wj-pivotpanel label Styles all the labels in the pivot panel, which represents the values and headers in different sections.
    .wj-pivotpanel .wj-marker Styles the marker displayed while dragging the fields from one area to other.
    .wj-pivotpanel .wj-flexgrid .wj-cell Styles the cells of grids which displayed in pivot panel.
    .wj-pivotpanel .wj-flexgrid .wj-glyph-filter Styles the glyph filter of grids which displayed in pivot panel.
    .wj-pivotpanel .wj-flexgrid .wj-cell.wj-group:not(.wj-header):hover Styles the cells of all the grids contained in the pivot panel while mouse hover.
    .wj-pivotpanel .wj-flexgrid .wj-glyph-dimension Styles the dimension glyphs in the pivot panel.
    .wj-pivotpanel .wj-flexgrid .wj-glyph-measure Styles the measure glyphs in the pivot panel.
    Pivot Field Settings Dialog
    .wj-pivotfieldeditor Styles the field settings dialog.
    .wj-pivotfieldeditor tr.wj-separator Styles the area between each input control on the field settings dialog.
    .wj-pivotfieldeditor td:first-child Styles the label text displayed for each field setting.
    Pivot Filter Editor Dialog
    .wj-pivotfiltereditor Styles the filter editor.
    .wj-pivotfiltereditor .wj-control Styles the div host element of the control displaying the filter.
    .wj-pivotfiltereditor .wj-listbox Styles the div host element of the ListBox control displaying the filter values.
    .wj-pivotfiltereditor .wj-listbox .wj-listbox-item Styles the div element representing the list items.
    Context Menu
    .wj-olap-context-menu Styles the context menu displayed for the values in the Filters, Columns, Rows and Values sections.
    .wj-olap-context-menu .menu-icon Styles menu icon displayed for the context menu options.
    .wj-olap-context-menu .menu-icon.menu-icon-remove Styles menu icon displayed for the Remove Field option in the context menu.
    PivotGrid
    .wj-pivotgrid Styles the div host element of the PivotGrid control.
    .wj-detaildialog .wj-flexgrid Styles the div host element of the FlexGrid control which is displayed inside the pivot grid detail dialog.
    .wj-pivotgrid .wj-colheaders .wj-cell.wj-header Styles the column header cells in the content panel of the PivotGrid.
    .wj-pivotgrid .wj-topleft .wj-cell.wj-col-field-hdr Styles the value field header cells in the top-left panel of the PivotGrid, when the ShowColumFieldHeaders or showValueFieldHeaders property is set to True.
    .wj-pivotgrid .wj-aggregate.wj-cell:not(.wj-header):not(.wj-group):not(.wj-state-selected):not(.wj-state-multi-selected) Styles the cells that displays aggregate values in the PivotGrid.
    .wj-pivotgrid .wj-cell.wj-aggregate Styles the cells that displays aggregate values and the header cells for each of this aggregate value cell in the PivotGrid.
    PivotChart
    .wj-pivotchart Styles the div host element of the PivotChart control.
    .wj-pivotchart .wj-flexchart Styles the div host element of the FlexChart in the PivotChart.
    .wj-pivotchart .wj-dropdown Styles the dropdown in chart.
    Slicer
    .wj-slicer > div Styles the div host element of the Slicer control.
    .wj-slicer .wj-header Styles the header of the Slicer control.
    .wj-slicer .wj-header div:first-child Styles the div which display header text of the slicer.
    .wj-slicer .wj-header .wj-btn.wj-state-active Styles active state of buttons in slicer’s header.
    .wj-slicer .wj-header .wj-viewer .wj-control .wj-state-active.wj-applybutton Styles the active state of the apply button in slicer’s header.
    .wj-slicer .wj-listbox Styles the div host element of the ListBox control displaying the filter list items in the slicer.
    .wj-slicer .wj-listbox .wj-listbox-itemlabel Styles all the labels representing the filter list items in the slicer.
    .wj-slicer.wj-nocheck .wj-listbox .wj-listbox-item .wj-state-selected Styles the currently selected filter list item.
    .wj-listbox-item .wj-state-checked Styles the currently checked filter list item.
    .wj-slicer.wj-nocheck .wj-listbox .wj-listbox-item Styles the filter list items when the ShowCheckboxes property is set to false.