HT for Web Theme Manual

Index


Overview

The HT for Web defaults to a holistic style effect that maintains consistent color, size, and operating habits in a variety of components, but user-specific needs are tailored to suit the needs of different projects or industries.

Config

Changing the default properties in HT system requires that the only read htconfig configuration information at initialization time through a global htconfig variable name, so the attribute must be initialized before introducing the ht.js package, modifying htconfig when running the variable does not work again, the sample code is as follows:

<script>
    htconfig = {
        Color: {          
            label: '#000',
            highlight: '#1ABC9C',           
        },
        Default: {
            toolTipDelay: 100,
            toolTipContinual: true
        },                
        Style: {
            'select.color': '#E74C3C',
            'select.width': 3
        }
    };
</script>           
<script src="ht.js"></script>   

Configurable parameters are grouped into three broad categories:

ht.Color

ht.Color is a set of color attribute set that is abstracted for the simplification of color themes, and all colors in the HT system are taken from this color set, every attribute corresponds to one or more ht.Default, ht.Style or specific attributes in a predefined vector picture.

ht.Default.listViewSelectBackground and ht.Default.treeViewSelectBackground initial value is decide by ht.Color.highlight, so:

Here's the ht.Color specific properties for each color

ht.Default

ht.Default defines the defaults for all components, and the naming convention is combined with the component name and property name, such as whether the line of the tree component TreeView displays the property rowLineVisible, and the default value of the attribute is defined in ht.Default.treeViewRowLineVisible, so you can change the specific component instance through the treeView.setRowLineVisible(true) or configure ht.Default.treeViewRowLineVisible property achieves the effect of globally modifying all TreeView instances.

ht.Default is defined in addition to the default parameters, it also have a number of tool functions, and the following examples are descriptions of all property parameters and the use of tool functions:

ht.Style

ht.Style defines the style default properties of all datas displayed on the GraphView and Graph3dView components, while creating Node and Edge of these data instance objects whose own style properties are empty, or while calling getStyle(name) function, if the property is not be set, the HT will gets information through the default value which is global definition in ht.Style, and if the specific object property is set by means of setStyle(name, value), getStyle(name) will returns the property information that is specifically set.

The following is ht.Style all predefined parameter attributes description:


Welcome to contact us service@hightopo.com