.selectItemControl,
.selectItemControlOver,
.selectItemControlDisabled,
.selectItemControlError,
.selectItemControlErrorOver,
.selectItemControlFocused,
.selectItemControlFocusedOver
{
  border: var(--border);
  border-radius: 4px;
  padding-left: 8px;
  padding-right: 2px;
}
.selectItemText,
.selectItemTextOver,
.selectItemTextDown,
.selectItemTextError,
.selectItemTextErrorOver,
.selectItemTextFocused,
.selectItemTextFocusedOver,
.selectItemTextDisabled,
.selectItemTextHint,
.selectItemTextDisabledHint,
.comboBoxItemPendingText {
  border: 0;
  padding: 0px;
}

var baseStyleName = isc.SelectItem.getInstanceProperty("textBoxStyle"),
                // get the extra width to add to the render-width of the widest valueMap entry
                extraWidth = isc.SelectItem.getInstanceProperty("pickerIconWidth") +
                    isc.Element._getLeftMargin(baseStyleName) +
                    isc.Element._getRightMargin(baseStyleName) +
                    isc.Element._getHBorderPad(baseStyleName) +
                    4 // this last is necessary because there is no right-padding
            ;

            var baseStyleName = isc.SelectItem.getInstanceProperty("controlStyle"),
                textBaseStyleName = isc.SelectItem.getInstanceProperty("textBoxStyle"),
                rightPadding = isc.Element._getRightPadding(baseStyleName) ? 0 : 4;
                // get the extra width to add to the render-width of the widest valueMap entry
                extraWidth = isc.SelectItem.getInstanceProperty("pickerIconWidth") +
                    isc.Element._getHBorderPad(baseStyleName) +
                    isc.Element._getLeftMargin(textBaseStyleName) +
                    isc.Element._getRightMargin(textBaseStyleName) +
                    isc.Element._getHBorderPad(textBaseStyleName) +
                    rightPadding // this last is necessary because there is no right-padding
            ;

                    <ButtonItem ID="reloadProjects" name="reloadProjects" width="200" adaptWidth={false}
                      icon={`${CONSTANT.BUTTONS_ICONS}refresh.png`} prompt={Strings.get("loadProject")}
                      baseStyle="imgButton" showTitle="false" startRow="false"
                      click={this.reloadProjects.bind(this)}
                    />

isc.ListGrid.create({
    ID: "countryList",
    width:500, height:224,
    data: countryData,
    headerBaseStyle: "button",
    fields:[
        {name:"countryCode", title:"Flag", width:65, type:"image", imageURLPrefix:"flags/24/", imageURLSuffix:".png"},
        {name:"countryName", title:"Country"},
        {name:"capital", title:"Capital", showIf:"false"},
        {name:"continent", title:"Continent"}
    ],
    canReorderFields: true
})


isc.IButton.create({
    left:0, top:240,
    title:"Show Capitals",
    click:"countryList.showField('capital')"
})

isc.IButton.create({
    left:130, top:240,
    title:"Hide Capitals",
    click:"countryList.hideField('capital')"
})

isc.ListGrid.create({
    ID: "countryList",
    height:224, width:100,
    data: countryData,
    gridComponents: [
        isc.ToolStrip.create({
            ID: "strip",
            width: "*",
            members: [
                isc.ToolStripButton.create({title: "one"}),
                "starSpacer",
                isc.ToolStripButton.create({title: "two"})
            ]
        }),
        "header", "body"
    ],
    fields:[
        {name:"countryCode", title:"Flag", width:65, type:"image", imageURLPrefix:"flags/24/", imageURLSuffix:".png"},
        {name:"countryName", title:"Country", width:100},
        {name:"capital", title:"Capital", width:100},
        {name:"continent", title:"Continent", width:100}
    ],
    autoFitData: "horizontal",
    autoFitMaxWidth: "100%"
})

strip.setWidth(countryList.getViewportWidth());

isc.DynamicForm.create({
    items:[
        {name:"aDateTimeItem", type:"datetime", textFieldProperties:{browserInputType:"digits"}, useMask:true},
        {name:"aTimeItem", type:"time", textFieldProperties:{browserInputType:"tel"}, useMask: true}
    ]
})

isc.TileGrid.create({
    tileWidth:150,
    tileHeight:190,
    height:"100%",
    width:"100%",
    showAllRecords:true,
    tileProperties:{
        border:"1.5px solid red"
    },
    data:animalData,
    fields: [
        {name:"picture", type:"image", imageURLPrefix:"../inlineExamples/tiles/images/"},
        {name:"commonName"},
        {name:"status"}
    ]
});

@Override
    public void onModuleLoad()
    {
        ComboBoxItem aItem = new ComboBoxItem("a", "A");
        aItem.setCanEdit(false);
        ComboBoxItem bItem = new ComboBoxItem("b", "B");
        bItem.setCanEdit(true);
        ComboBoxItem cItem = new ComboBoxItem("c", "C");
        cItem.setCanEdit(false);
        TextItem dItem = new TextItem("d", "D");
        dItem.setCanEdit(false);
        DynamicForm form = new DynamicForm();
        form.setItems(aItem, bItem, cItem, dItem);
        form.setCanEdit(true);
        form.setReadOnlyDisplay(ReadOnlyDisplayAppearance.STATIC);

        com.smartgwt.client.data.Record record = new com.smartgwt.client.data.Record();
        record.setAttribute("a", "A value");
        record.setAttribute("b", "B value");
        record.setAttribute("c", (String) null);
        record.setAttribute("d", "D value");
        form.editRecord(record);

        form.draw();
    }

        TreeNode[] employeeData = new TreeNode[] {
                new EmployeeTreeNode("4", "1", "Charles Madigen"),
                new EmployeeTreeNode("189", "4", "Gene Porter"),
                new EmployeeTreeNode("265", "189", "Olivier Doucet"),
                new EmployeeTreeNode("264", "189", "Cheryl Pearson"),
                new EmployeeTreeNode("188", "4", "Rogine Leger")
        };

        Tree employeeTree = new Tree();
        employeeTree.setModelType(TreeModelType.PARENT);
        employeeTree.setIdField("EmployeeId");
        employeeTree.setParentIdField("ReportsTo");
        employeeTree.setNameProperty("Name");
        employeeTree.setRootValue(1);
        employeeTree.setData(employeeData);

        TreeGrid employeeTreeGrid = new TreeGrid();
        employeeTreeGrid.setWidth(500);
        employeeTreeGrid.setHeight(400);
        employeeTreeGrid.setFields(new TreeGridField("Name"));
        employeeTreeGrid.setData(employeeTree);
        employeeTreeGrid.setIndentSize(0);
        employeeTreeGrid.setShowConnectors(false);

        this.addChild(employeeTreeGrid);

isc_TreeGrid_0.indentSize

const button = this.loadButtonRef.current?.getSCComponent();