Text Size Panel API

Sept 02, 2015

Text Size Panel Overview

Allows users to adjust the text to the size they want. This component uses Ranged Panel as a base grade so it has the same component structure as Ranged Panel in aspect of the model, options, selectors and dependencies.

On This Page

See Also

Still need help?

Join the infusion-users mailing list and ask your questions there.

Adding a Text Size Panel to a Component/Grade

Option 1: Typically the Text Size Panel is integrated into the first discovery tool by supplying it as a type option in an Auxiliary Schema:

"textSize": {
    "type": "fluid.prefs.textSize",
    "panel": {
        "type": "gpii.firstDiscovery.panel.textSize",
        "container": ".gpiic-fd-prefsEditor-panel-size",
        "template": "%prefix/rangeTemplate.html",
        "message": "%prefix/textSize.json"
    }
}

Working in conjunction with the Auxiliary Schema, the type, its default value and range of the text size preference are defined in the Primary Schema:

fluid.defaults("gpii.firstDiscovery.schemas.textSize", {
    gradeNames: ["autoInit", "fluid.prefs.schemas"],
    schema: {
        "fluid.prefs.textSize": {
            "type": "number",
            "default": 1,
            "minimum": 0.2,
            "maximum": 1.2,
            "divisibleBy": 0.1
        }
    }
});

Option 2: Adding as a stand alone component:

var myPanel = gpii.firstDiscovery.panel.textSize(container, options);

Grades

The base grades used by the Text Size Panel:

gpii.firstDiscovery.panel.ranged