SmartClient Forums - Forums

TreeGrid.setIndentSize() is not working

pH4Lk0n — Sat, 06 Jun 2026 20:00:03 GMT

Hello,

TreeGrid method setIndentSize() has no effect for quite some time. Last SmartGWT version that I have archived that it was working is 14.1p 2025-06-27.
I've checked versions from 2026-12 and from 2026-01 and it wasn't.

Simple test case from showcase:

Code:

        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);

Write now if I set setIndentSize(0) or set setIndentSize(100) it's just doesn't matter. It's rendered like with default 20 value.
If I check value in developers console

Code:

isc_TreeGrid_0.indentSize

it's set correctly but it appears it's not used anymore.
When I reverted to SmartGWT 14.1p 2025-06-27 above example works fine.

Best regards

React 19 compatibility issue – element.ref access error in SmartClient ReactComponent

Hirn — Thu, 04 Jun 2026 19:11:10 GMT

After upgrading to React 19, we are encountering a runtime issue inside SmartClient React integration.

The error appears when calling:

Code:

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

Error message

Accessing element.ref was removed in React 19. ref is now a regular prop.
It will be removed from the JSX Element type in a future release.

Stack trace

ReactComponent.js:261
ReactComponent.js:326
ReactComponent.js:328
ReactComponent.js:218
ReactComponent.js:66

render OnlineUsers.js:115

Version v13.1p_2026-03-13/Pro Deployment (2026-03-13)

Jakarta EE 11 version clarity

tjaggi — Thu, 04 Jun 2026 13:59:47 GMT

We know

13.1 is on JavaX.
14.0 is JavaX
14.1 is Jakarta EE 9/10 compliant
15.0 is ?

I'm already using 14.1p with my Jakarta EE 10 app
I'm planning to upgrade my app to Jakarta EE 11 standards,

Question is can I continue using 14.1 ? or will I need to upgrade to 15.0/15.1 ?

SmartGWTPro 14.0 - Stratus theme- menuTitleFieldSelected CSS not applied consistently

revanbhapri — Mon, 01 Jun 2026 07:46:46 GMT

Hi Support Team,

I am using SmartGWTPro 14.0 (licensed version).

I modified the Stratus theme CSS to customize the menu appearance. While testing the changes, I noticed that the hover/selected state styling does not behave consistently.

The CSS class menuTitleFieldSelected is applied correctly when I initially select a menu item and move to its submenu. However, after selecting a different menu and then returning to the original menu, the selected item no longer uses menuTitleFieldSelected. Instead, it switches to menuTitleFieldOver, even though the menu item is still selected.

As a result, the selected-state styling is lost and the hover-state styling is displayed instead.

Please refer to the attached screenshots for the behavior I am seeing.

Below is the modified CSS snippet I am using:

--
.menuTitleField,
.menuTitleFieldDark,
.menuTitleFieldSelected,
.menuTitleFieldSelectedDark,
.menuTitleFieldOver,
.menuTitleFieldOverDark,
.menuTitleFieldSelectedOver,
.menuTitleFieldSelectedOverDark,
.menuTitleFieldDisabled,
.menuTitleFieldDisabledDark {
background-color: transparent;

color: #3d3935;

border-top: none;

border-bottom: none;

border-left: 2px solid transparent;

vertical-align: middle;

font-family:
"Open Sans",
system-ui,
-apple-system,
"Segoe UI",
sans-serif;

font-size: 13.5px;

line-height: 1.2;

white-space: nowrap;

padding: 9px 14px 9px 16px;
}

.menuTitleFieldOver,
.menuTitleFieldSelected,
.menuTitleFieldOverDark,
.menuTitleFieldSelectedOver,
.menuTitleFieldSelectedOverDark {
background-color: #f4f4f4;
color: #3d3935;
}

.menuTitleFieldSelected {
background-color: #e3ecf5;
color: #326295;

font-weight: 600;

border-left-color: #326295;
}

/* =========================================================
Disabled
========================================================= */

.menuTitleFieldDisabled,
.menuTitleFieldDisabledDark {
color: #999999;
}
----------------

Could you please confirm whether this is the expected behavior in SmartGWT 14.0 or if there is any additional CSS or configuration required to ensure that menuTitleFieldSelected is consistently applied to selected menu items?

Thanks,
Revan

Datasources cause a problem when loading same screen twice. Unclear when to use loadID

lroesel — Thu, 21 May 2026 13:33:12 GMT

Hello,

we are currently working to update to V14.1-p20260213/Power.
We are using ui.xmls and ds.xmls to create the uis of our app. In most cases this works even after the update.
To load the screens we use the RPCManager.loadScreen method with the allGlobals flag.

In the following description I have replaced all internal data but the important parts should all be available.

Now for my problem. We have a button which should create a window in which a few datasources are needed.
For that window an ui.xml exists.
For the first call this works. But after closing the window and pressing the button again which should create a new window I can't create it because of the datasources.
In the developer console this error appears:

This Syntax error comes from the answer of the screenLoader which returns:

[
]
[
]
[
]
[
]
[
]

isc.ListGrid.create({
ID:"DIALOG_ListGrid",
autoDraw:false,
autoFetchData:false,
dataSource:"datasource1",
height:"100%",
fields:[
{
align:"left",
name:"NAME",
title:"title",
width:80,
showIf:"true",
optionDataSource:"datasource2",
valueField:"PLC",
displayField:"PLC",
canEdit:true,
autoFetchDisplayMap:true,
multiple:true
}
],
autoSaveEdits:false,
showFilterEditor:true,
filterOnKeypress:true,
canEdit:false,
groupByMaxRecords:1000,
fetchDelay:1000,
allowFilterExpressions:true,
canMultiSort:"true",
sortField:"PLC",
canMultiGroup:"true",
groupStartOpen:"none",
selectionType:"simple",
selectionAppearance:"checkbox"
})

isc.DynamicForm.create({
ID:"DIALOG_DynamicFormLeft",
autoDraw:false,
width:"30%",
fields:[
{
name:"Display",
value:"Display",
_constructor:"HeaderItem"
},
{
name:"NAME",
rowSpan:0,
title:"Title",
width:"100%",
_constructor:"CheckboxItem"
}
],
layoutAlign:"center",
titleWidth:12
})

isc.DynamicForm.create({
ID:"DIALOG_DynamicFormRight",
autoDraw:false,
width:"70%",
fields:[
{
name:"Name",
value:"value",
_constructor:"HeaderItem"
},
{
name:"MessageTypeSelectItem",
showTitle:false,
multiple:true,
optionDataSource:"datasource5",
valueField:"MESSAGETYPE",
displayField:"MESSAGETYPE",
autoFetchDisplayMap:"true",
_constructor:"SelectItem"
}
],
layoutAlign:"center",
titleWidth:12
})

isc.VLayout.create({
ID:"DIALOG_DynamicForm_VLayoutDynamicFormRight",
autoDraw:false,
height:"100%",
members:[
DIALOG_DynamicFormRight
]
})

isc.HLayout.create({
ID:"DIALOG_DynamicForm_Layout",
autoDraw:false,
members:[
DIALOG_DynamicFormLeft,
DIALOG_DynamicForm_VLayoutDynamicFormRight
]
})

isc.IButton.create({
ID:"DIALOG_Select_All",
autoDraw:false,
height:36,
width:36,
icon:"/icon/ic_set_unset_check_2.svg",
iconSize:27,
prompt:"Select all (Can be used for 75 rows or less)"
})

isc.IButton.create({
ID:"DIALOG_ResetFilter",
autoDraw:false,
height:36,
width:36,
icon:"/icon/ic_reset.svg",
iconSize:27,
prompt:"Reset filter"
})

isc.HLayout.create({
ID:"DIALOG_ToolBar",
autoDraw:false,
height:56,
members:[
DIALOG_Select_All,
DIALOG_ResetFilter
],
layoutMargin:12,
membersMargin:12,
backgroundColor:"#F2F2F2"
})

isc.Label.create({
ID:"DIALOG_ListGridTitle",
autoDraw:false,
height:20,
contents:"Device Selection",
styleName:"titleText"
})

isc.VLayout.create({
ID:"DIALOG_MAIN_Layout",
autoDraw:false,
members:[
DIALOG_DynamicForm_Layout,
DIALOG_ListGridTitle,
{
autoDraw:false,
height:3,
_constructor:"LayoutSpacer"
},
DIALOG_ListGrid,
DIALOG_ToolBar
],
layoutMargin:20
})

isc.IButton.create({
ID:"DIALOG_Ok",
autoDraw:false,
height:36,
icon:"/icon/ic_confirm.svg",
iconSize:27,
prompt:"Ok",
visibility:"inherit"
})

isc.IButton.create({
ID:"DIALOG_Cancel",
autoDraw:false,
height:36,
icon:"/icon/ic_cancel.svg",
iconSize:27,
prompt:"Cancel",
visibility:"inherit"
})

isc.HLayout.create({
ID:"DIALOG_ButtonLayout",
autoDraw:false,
height:48,
width:"100%",
align:"center",
members:[
DIALOG_Ok,
DIALOG_Cancel
],
layoutMargin:12,
membersMargin:12
})

isc.Window.create({
ID:"DIALOG",
autoDraw:false,
height:"90%",
overflow:"auto",
width:850,
autoCenter:true,
isModal:true,
autoSize:false,
title:"title",
showMinimizeButton:false,
showMaximizeButton:true,
showFooter:false,
items:[
DIALOG_MAIN_Layout,
DIALOG_ButtonLayout
],
showModalMask:true
})

-------------------------------------------------------------------------------------------------------------------------------------------------
In our ui.xml we have multiple datasources defined like this:

datasource1

and any other configuration doesn't work. If I use loadID for the other datasources or the ID for datasource1 it throws the errors above when I open the window a second time.
The datasources are not special in any way. This is our reduced datasource1 so no internal data is shown:

ID="datasource1"
autoDeriveSchema="false"
serverType="sql"
tableName="TABLE"
requiresRole="ROLE">

DISTINCT $defaultSelectClause
TABLE LEFT JOIN OTHER_TABLE ON TABLE.field = OTHER_TABLE.field

($defaultWhereClause)

To compare, this is our reduced datasource2:

ID="datasource2"
autoDeriveSchema="false"
serverType="sql"
tableName="TABLE3"
requiresRole="ROLE">
>

DISTINCT TABLE.FIELD
FIELD ASC

Now I want to know when I have to use loadID and when the ID or if there is a setting so we don't have to change all of our ui.xmls as we have used the pattern with loadID everywhere in our project. Unfortunately I found nearly nothing to loadID in the docu or in the forum. I only found a bugfix in the release notes for GWT3.1 and this forum post from 2017 which says loadID is correct https://forums.smartclient.com/forum...xml#post249706

Twilight skin cascade icon

michaelaveva — Mon, 18 May 2026 08:22:42 GMT

Hi,

In the Twilight skin the cascade icon looks like it doesn't use the available height correctly.
This can for example be seen in the following showcase after pressing any minimize button: https://smartclient.com/smartgwt/sho..._portal_layout

In all other skins the icon looks correct:

Tested using the latest version of the Chrome browser.