SpreadJS Documentation
style Method
The style of the item slicer.
Gets or sets the style of the item slicer.
Syntax
var instance = new GcSpread.Sheets.ItemSlicer();
var returnValue; // Type: any
returnValue = instance.style(value);
function style( 
   value : any
) : any;

Parameters

value
The style of the item slicer.

Return Value

The style of the item slicer.
Example
The style is json data, it's json schema is as follows:
{
     "$schema" : "http://json-schema.org/draft-04/schema#",
     "title" : "style",
     "type" : "object",
     "properties" : {
         "wholeSlicerStyle" : {
             "$ref" : "#/definitions/StyleInfo"
         },
         "headerStyle" : {
             "$ref" : "#/definitions/StyleInfo"
         },
         "selectedItemWithDataStyle" : {
             "$ref" : "#/definitions/StyleInfo"
         },
         "selectedItemWithNoDataStyle" : {
             "$ref" : "#/definitions/StyleInfo"
         },
         "unSelectedItemWithDataStyle" : {
             "$ref" : "#/definitions/StyleInfo"
         },
         "unSelectedItemWithNoDataStyle" : {
             "$ref" : "#/definitions/StyleInfo"
         },
         "hoveredSelectedItemWithDataStyle" : {
             "$ref" : "#/definitions/StyleInfo"
         },
         "hoveredSelectedItemWithNoDataStyle" : {
             "$ref" : "#/definitions/StyleInfo"
         },
         "hoveredUnSelectedItemWithDataStyle" : {
             "$ref" : "#/definitions/StyleInfo"
         },
         "hoveredUnSelectedItemWithNoDataStyle" : {
             "$ref" : "#/definitions/StyleInfo"
         }
     },
     "definitions" : {
         "StyleInfo" : {
             "type" : "object",
             "properties" : {
                "backColor" : {
	                "type" : "string"
                },
                "foreColor" : {
	                "type" : "string"
                },
                "font" : {
	                "type" : "string"
                },
                "borderLeft" : {
	                "$ref" : "#/definitions/SlicerBorder"
                },
                "borderTop" : {
	                "$ref" : "#/definitions/SlicerBorder"
                },
                "borderRight" : {
	                "$ref" : "#/definitions/SlicerBorder"
                },
                "borderBottom" : {
	                "$ref" : "#/definitions/SlicerBorder"
                },
                 "textDecoration":{
                     "type" : "string"
                 }
             }
         },
         "SlicerBorder":{
             "type":"object",
             "properties":{
            "borderWidth":{
	            "type":"number"
            },
            "borderStyle":{
	            "type":"string"
            },
            "borderColor":{
	            "type":"string"
            }
          }
         }
     }
 }

* For example:
{
    "wholeSlicerStyle" : {
        "backColor" : "white",
        "foreColor" : "black",
        "font" : "normal 11pt calibri",
        "borderTop" : {
            "borderWidth" : 1,
            "borderStyle" : "solid",
            "borderColor" : "purple"
        }
        "borderBottom" : {
            "borderWidth" : 1,
            "borderStyle" : "solid",
            "borderColor" : "purple"
        }
    },
    "selectedItemWithDataStyle" : {
        "backColor" : "red",
        "borderBottom" : {
             "borderWidth" : 2,
             "borderStyle" : "solid",
             "borderColor" : "blue"
        }
        "textDecoration" : "underline overline line-through"
    },
    "unSelectedItemWithDataStyle" : {
        "backColor" : "white"
    },
    "hoveredSelectedItemWithDataStyle" : {
        "backColor" : "#F9E36F"
    }
}
See Also

Reference

ItemSlicer type

 

 


Copyright © GrapeCity, inc. All rights reserved.

Send comments on this topic.