<?xml version="1.0" encoding="windows-1252"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/">
	<channel>
		<title><![CDATA[SmartClient Forums - Technical Q&A]]></title>
		<link>https://forums.smartclient.com/</link>
		<description>Developing applications with SmartClient</description>
		<language>en</language>
		<lastBuildDate>Thu, 09 Jul 2026 06:34:41 GMT</lastBuildDate>
		<generator>vBulletin</generator>
		<ttl>60</ttl>
		<image>
			<url>images/misc/rss.png</url>
			<title><![CDATA[SmartClient Forums - Technical Q&A]]></title>
			<link>https://forums.smartclient.com/</link>
		</image>
		<item>
			<title>Label.borderRadius not working</title>
			<link>https://forums.smartclient.com/forum/technical-q-a/277705-label-borderradius-not-working</link>
			<pubDate>Wed, 08 Jul 2026 10:52:33 GMT</pubDate>
			<description>SmartClient Version: v13.1p_2026-07-08/AllModules Development Only (built 2026-07-08) 
 
Chrome on MacOS 
 
Hi, I just noticed that borderRadius...</description>
			<content:encoded><![CDATA[SmartClient Version: <b>v13.1p_2026-07-08/AllModules Development Only</b> (built 2026-07-08)<br />
<br />
Chrome on MacOS<br />
<br />
Hi, I just noticed that borderRadius doesn't seem to work on Labels:<br />
<br />

<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	
	<pre class="bbcode_code" style="max-height:calc(1000 *  + 12px + 20px);">isc.Label.create({
    height: 50,
    padding: 4,
    backgroundColor: &quot;pink&quot;,
    align: &quot;center&quot;,
    valign: &quot;center&quot;,
    wrap: false,
    borderRadius: &quot;7px 7px 7px 7px&quot;,
    icon: &quot;&#91;SAMPLE&#93;icons/16/world.png&quot;,
    contents: &quot;Hello world!&quot;
})</pre>
</div><img data-attachmentid="277706" data-align="none" data-size="full" border="0" src="filedata/fetch?id=277706&amp;d=1783507917" alt="Click image for larger version

Name:	2026-07-08 12.51.39.jpg
Views:	3
Size:	3.1 KB
ID:	277706" data-fullsize-url="filedata/fetch?id=277706&amp;d=1783507917" data-thumb-url="filedata/fetch?id=277706&amp;d=1783507917&amp;type=thumb" data-title="Click on the image to see the original version" data-caption="" class="bbcode-attachment thumbnail js-lightbox bbcode-attachment--lightbox" />]]></content:encoded>
			<category domain="https://forums.smartclient.com/forum/technical-q-a"><![CDATA[Technical Q&amp;A]]></category>
			<dc:creator>claudiobosticco</dc:creator>
			<guid isPermaLink="true">https://forums.smartclient.com/forum/technical-q-a/277705-label-borderradius-not-working</guid>
		</item>
		<item>
			<title>RichTextEditor and RichTextItem editArea disabled=true</title>
			<link>https://forums.smartclient.com/forum/technical-q-a/277701-richtexteditor-and-richtextitem-editarea-disabled-true</link>
			<pubDate>Tue, 07 Jul 2026 18:43:04 GMT</pubDate>
			<description>I noticed an issue with the disabled state handling in RichTextEditor and RichTextItem. 
 
When I set: 
 
disabled: true 
on either RichTextEditor or...</description>
			<content:encoded><![CDATA[I noticed an issue with the disabled state handling in RichTextEditor and RichTextItem.<br />
<br />
When I set:<br />
<br />
disabled: true<br />
on either RichTextEditor or RichTextItem, the editArea inside RichTextEditor is not affected.<br />
<br />
In particular, the disabled state CSS styles are not applied to the editArea, and visually the editor still looks enabled.<br />
<br />
I expected that setting disabled=true on the component would propagate the disabled state to the internal editing area and apply the corresponding CSS styles.<br />
<br />
Currently, I implemented a workaround that manually applies the required styles/state changes to the editArea, but I suspect there may be a more appropriate built-in way to handle this.<br />
<br />
My workaround is the following:<br />
<br />

<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	
	<pre class="bbcode_code" style="max-height:calc(1000 *  + 12px + 20px);">        isc.RichTextEditor.addProperties({
            init: function () {
                this.Super(&quot;init&quot;, arguments);
                const editArea = this.editArea;
                if (editArea) {
                    editArea.showDisabled = this.showDisabled;
                    editArea.baseStyle = editArea.styleName;
                    editArea.setDisabled = function (disabled) {
                        this.Super(&quot;setDisabled&quot;, arguments);
                        if (this.showDisabled) {
                            this.setStyleName((this.baseStyle + (disabled ? &quot;Disabled&quot; : &quot;&quot;)));
                        }
                    };
                }
            },
            setDisabled: function (disabled) {
                this.Super(&quot;setDisabled&quot;, arguments);
                this.editArea?.setDisabled(disabled);
            },
        });
        isc.RichTextItem.addProperties({
            init: function () {
                this.canvasProperties = { ...this.canvasProperties, showDisabled: this.showDisabled, disabled: this.disabled }
                this.Super(&quot;init&quot;, arguments);
            },
            setDisabled: function (disabled) {
                this.Super(&quot;setDisabled&quot;, arguments);
                this.canvas?.setDisabled(disabled);
            },</pre>
</div>Could you please advise whether this is expected behavior, or if there is a recommended way to correctly disable the RichTextEditor editing area and make it use the standard disabled styling?<br />
]]></content:encoded>
			<category domain="https://forums.smartclient.com/forum/technical-q-a"><![CDATA[Technical Q&amp;A]]></category>
			<dc:creator>Hirn</dc:creator>
			<guid isPermaLink="true">https://forums.smartclient.com/forum/technical-q-a/277701-richtexteditor-and-richtextitem-editarea-disabled-true</guid>
		</item>
		<item>
			<title>ListGrid image field and imageURLPrefix</title>
			<link>https://forums.smartclient.com/forum/technical-q-a/277699-listgrid-image-field-and-imageurlprefix</link>
			<pubDate>Tue, 07 Jul 2026 16:06:39 GMT</pubDate>
			<description>Version v13.1p_2026-06-21/Pro Development Only (2026-06-21) 
 
I noticed what appears to be inconsistent behavior with ListGrid image fields. 
 
I...</description>
			<content:encoded><![CDATA[Version v13.1p_2026-06-21/Pro Development Only (2026-06-21)<br />
<br />
I noticed what appears to be inconsistent behavior with ListGrid image fields.<br />
<br />
I have a common field definition:<br />
<br />

<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	
	<pre class="bbcode_code" style="max-height:calc(1000 *  + 12px + 20px);">const ListImageField = {
type: &quot;image&quot;,
title: &quot; &quot;,
padding: 0,
align: &quot;center&quot;,
width: 20, imageHeight: 16, imageWidth: 16,
valueIconLeftPadding: 0,
valueIconRightPadding: 0,
canEdit: false,
escapeHTML: false, canSort: false, canFilter: false, canHide: false, canHover: true, showHover: true };</pre>
</div><b>Case 1</b><br />

<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	
	<pre class="bbcode_code" style="max-height:calc(1000 *  + 12px + 20px);">{ ...ListImageField,
name: CONSTANT.TYPE,
imageURLPrefix: &quot;&#91;SKINIMG&#93;users/&quot;,
imageURLSuffix: &quot;.png&quot;,
canHover: false, showHover: false
}</pre>
</div>In this case, the grid always tries to load PNG files from the users folder, even when the value matches an icon defined in the framework icon map (stockIcons.svg).<br />
<br />
<b>Case 2</b><br />

<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	
	<pre class="bbcode_code" style="max-height:calc(1000 *  + 12px + 20px);">{ ...ListImageField,
name: CONSTANT.TYPE,
canHover: false, showHover: false,
  formatCellValue(value, record, rowNum, colNum, grid) {
     return isc.Canvas.imgHTML({
         src: `&#91;SKINIMG&#93;users/${value}.png`,
         width: this.imageWidth,
         height: this.imageHeight,
         align: &quot;center&quot;,
     });;
}</pre>
</div>In this case, the icons are loaded correctly from stockIcons.svg. My question is whether the same behavior is expected in case 1 as in case 2.]]></content:encoded>
			<category domain="https://forums.smartclient.com/forum/technical-q-a"><![CDATA[Technical Q&amp;A]]></category>
			<dc:creator>Hirn</dc:creator>
			<guid isPermaLink="true">https://forums.smartclient.com/forum/technical-q-a/277699-listgrid-image-field-and-imageurlprefix</guid>
		</item>
		<item>
			<title>Issue with rowEditorExit on mobile</title>
			<link>https://forums.smartclient.com/forum/technical-q-a/277691-issue-with-roweditorexit-on-mobile</link>
			<pubDate>Wed, 01 Jul 2026 14:13:35 GMT</pubDate>
			<description><![CDATA[SmartClient Version: v13.1p_2026-06-30/AllModules Development Only (built 2026-06-30) 
 
Safari on iPad (Air 11&quot; M4 iOS 26.5) XCode Simulator 
 
Hi,...]]></description>
			<content:encoded><![CDATA[SmartClient Version: <b>v13.1p_2026-06-30/AllModules Development Only</b> (built 2026-06-30)<br />
<br />
Safari on iPad (Air 11&quot; M4 iOS 26.5) XCode Simulator<br />
<br />
Hi, I have an issue that only occurs on mobile devices.<br />
The use case is a grid with modalEditing: true.<br />
<br />
While editing a new row, when a value is selected from the pickList, rowEditorExit is called on the grid.<br />
<br />
<b>Note:</b> This doesn't seem to happen when using editorProperties: { pickListPlacement: &quot;halfScreen&quot; }.<br />
<br />
<br />

<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	
	<pre class="bbcode_code" style="max-height:calc(1000 *  + 12px + 20px);">isc.ListGrid.create({
    ID: &quot;aGrid&quot;,
    data: &#91;
        {
            test: &quot;Foo Bar&quot;
        }
    &#93;,
    width: &quot;100%&quot;, height: &quot;100%&quot;,
    canEdit: true,
    fields: &#91;
        {
            name: &quot;test&quot;,
            title: &quot;just a test case&quot;,
            valueMap: &#91;
                &quot;First&quot;,
                &quot;Second&quot;,
                &quot;Third&quot;,
                &quot;Fourth&quot;
            &#93;
        }
    &#93;,
    modalEditing: true,
    rowEditorExit: function (editCompletionEvent, record, newValues, rowNum) {
        isc.logEcho(&quot;rowEditorExit&quot;)
        return true;
    }
}).show()

aGrid.startEditingNew()</pre>
</div>]]></content:encoded>
			<category domain="https://forums.smartclient.com/forum/technical-q-a"><![CDATA[Technical Q&amp;A]]></category>
			<dc:creator>claudiobosticco</dc:creator>
			<guid isPermaLink="true">https://forums.smartclient.com/forum/technical-q-a/277691-issue-with-roweditorexit-on-mobile</guid>
		</item>
		<item>
			<title>Question about Combobox select item values</title>
			<link>https://forums.smartclient.com/forum/technical-q-a/277686-question-about-combobox-select-item-values</link>
			<pubDate>Mon, 29 Jun 2026 19:18:19 GMT</pubDate>
			<description>Hi, 
We recently noticed that, certain values in the combobox item is blowing up. The closest I can reproduce is here in the show case....</description>
			<content:encoded><![CDATA[Hi,<br />
We recently noticed that, certain values in the combobox item is blowing up. The closest I can reproduce is here in the show case.<br />
<a href="https://smartclient.com/smartgwt/showcase/#select_other_combobox_category" target="_blank">https://smartclient.com/smartgwt/sho...bobox_category</a><br />
<br />
from the show case add the bellow values using the other option,<ul><li>if I add a value as <b>&lt;template&gt;</b>,  the combobox is showing empty list.</li>
<li><a href="filedata/fetch?id=277687&amp;d=1782760006" class="bbcode-attachment"  ><img title="combobox-1.png" data-attachmentid="277687" width="261" height="125" data-align="none" border="0" src="filedata/fetch?id=277687&amp;d=1782760006&amp;type=medium" alt="Click image for larger version

Name:	combobox-1.png
Views:	59
Size:	7.2 KB
ID:	277687" data-fullsize-url="filedata/fetch?id=277687&amp;d=1782760006" data-thumb-url="filedata/fetch?id=277687&amp;d=1782760006&amp;type=thumb" data-title="Click on the image to see the original version" data-caption="combobox-1.png" class="bbcode-attachment thumbnail js-lightbox bbcode-attachment--lightbox" /></a></li>
<li>Add value as <b>&lt;abc&gt; </b>or some other value, The value is showing as empty.</li>
<li><a href="filedata/fetch?id=277688&amp;d=1782760455" class="bbcode-attachment"  ><img title="combobox-2.png" data-attachmentid="277688" width="276" height="176" data-align="none" border="0" src="filedata/fetch?id=277688&amp;d=1782760455&amp;type=medium" alt="Click image for larger version

Name:	combobox-2.png
Views:	40
Size:	10.3 KB
ID:	277688" data-fullsize-url="filedata/fetch?id=277688&amp;d=1782760455" data-thumb-url="filedata/fetch?id=277688&amp;d=1782760455&amp;type=thumb" data-title="Click on the image to see the original version" data-caption="combobox-2.png" class="bbcode-attachment thumbnail js-lightbox bbcode-attachment--lightbox" /></a></li>
</ul>Can you please verify and let us know if it can be fixed by the code or in the new build.<br />
<br />
Thanks]]></content:encoded>
			<category domain="https://forums.smartclient.com/forum/technical-q-a"><![CDATA[Technical Q&amp;A]]></category>
			<dc:creator>stonebranch4</dc:creator>
			<guid isPermaLink="true">https://forums.smartclient.com/forum/technical-q-a/277686-question-about-combobox-select-item-values</guid>
		</item>
		<item>
			<title>Calendar with allowLongEvents and showColumnLayouts behaves curious</title>
			<link>https://forums.smartclient.com/forum/technical-q-a/277669-calendar-with-allowlongevents-and-showcolumnlayouts-behaves-curious</link>
			<pubDate>Tue, 23 Jun 2026 13:02:00 GMT</pubDate>
			<description><![CDATA[Hello, in the month view the events can be moved &quot;away&quot;. they disappear in browser environment and in handset environment stay in new the position...]]></description>
			<content:encoded><![CDATA[Hello, in the month view the events can be moved &quot;away&quot;. they disappear in browser environment and in handset environment stay in new the position<br />
version: v14.1p_2026-06-22/Pro Development Only'<br />
demo:<br />

<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	
	<pre class="bbcode_code" style="max-height:calc(1000 *  + 12px + 20px);">var _today = new Date(2021, 4, 23);
var _start = _today.getDate() - _today.getDay();
var _month = _today.getMonth();
var _year = _today.getFullYear();
var eventData = &#91;
{
    eventId: 1,
    name: &quot;Meeting&quot;,
    description: &quot;Shareholders meeting: monthly forecast report&quot;,
    startDate: new Date(_year, _month, _start + 2, 9),
    endDate: new Date(_year, _month, _start + 4, 14)
},
{
    eventId: 2,
    name: &quot;Realtor&quot;,
    description: &quot;This canvas is styled by color settings on the CalendarEvent&quot;,
    startDate: new Date(_year, _month, _start + 3, 8 ),
    endDate: new Date(_year, _month, _start + 3, 10),
    // orange header with darkorange headerBorder and black text, on yellow-ish body with darkorange border and darkgreen text
    headerTextColor: &quot;black&quot;,
    headerBackgroundColor: &quot;orange&quot;,
    headerBorderColor: &quot;darkorange&quot;,
    textColor: &quot;darkgreen&quot;,
    borderColor: &quot;darkorange&quot;,
    backgroundColor: &quot;#ffffcc&quot;
},
{
    eventId: 3,
    name: &quot;Soccer&quot;,
    description: &quot;Little league soccer finals&quot;,
    startDate: new Date(_year, _month, _start + 4, 13),
    endDate: new Date(_year, _month, _start + 4, 16)
},
{
    eventId: 4,
    name: &quot;Sleep&quot;,
    description: &quot;Catch up on sleep&quot;,
    startDate: new Date(_year, _month, _start + 4, 5),
    endDate: new Date(_year, _month, _start + 6, 9)
},
{
    eventId: 5,
    name: &quot;Inspection&quot;,
    description: &quot;This canvas is styled and disabled by custom styleName and canEdit settings on the CalendarEvent&quot;,
    startDate: new Date(_year, _month, _start + 4, 10),
    endDate: new Date(_year, _month, _start + 8, 12),
    styleName: &quot;testStyle&quot;,
    canEdit: false
},
{
    eventId: 6,
    name: &quot;Airport run&quot;,
    description: &quot;This canvas is styled by color settings on the CalendarEvent&quot;,
    startDate: new Date(_year, _month, _start + 4, 1),
    endDate: new Date(_year, _month, _start + 4, 3),
    // green header (and headerBorder) with white text, on lighgreen body with darkgreen text and border
    headerTextColor: &quot;white&quot;,
    headerBackgroundColor: &quot;green&quot;,
    headerBorderColor: &quot;green&quot;,
    textColor: &quot;darkgreen&quot;,
    borderColor: &quot;darkgreen&quot;,
    backgroundColor: &quot;lightgreen&quot;
},
{
    eventId: 7,
    name: &quot;Dinner Party&quot;,
    description: &quot;Prepare elaborate meal for friends&quot;,
    startDate: new Date(_year, _month, _start + 4, 17),
    endDate: new Date(_year, _month, _start + 4, 20)
},
{
    eventId: 8,
    name: &quot;Poker&quot;,
    description: &quot;Poker at Steve's house&quot;,
    startDate: new Date(_year, _month, _start + 4, 21),
    endDate: new Date(_year, _month, _start + 4, 23)
},
{
    eventId: 9,
    name: &quot;Directors Meeting&quot;,
    description: &quot;Board of directors meeting: discussion of next months strategy&quot;,
    startDate: new Date(_year, _month, _start + 5, 11),
    endDate: new Date(_year, _month, _start + 5, 15)
}
&#93;;

eventData.getDataStartDate = function () {
    return new Date(2021, 4, 23);
}



isc.DataSource.create({
    ID: &quot;eventDS&quot;,
    fields:&#91;
        {name:&quot;eventId&quot;, primaryKey: true, type: &quot;sequence&quot;},
        {name:&quot;name&quot;},
        {name:&quot;description&quot;},
        {name:&quot;startDate&quot;, type: &quot;datetime&quot;},
        {name:&quot;endDate&quot;, type: &quot;datetime&quot;}
    &#93;,
    clientOnly: true,
    testData: eventData

});

isc.Calendar.create({
    ID: &quot;eventCalendar&quot;,
    allowLongEvents: true,
    startDate: eventData.getDataStartDate(),
    canEditEvents :false,
    canRemoveEvents: false,
    canCreateEvents : false,
    canDragEvents : false,
    autoFetchData: true,
    canDragCreateEvents : false,
    showColumnLayouts: true,
    dataSource: eventDS, autoFetchData: true
});</pre>
</div>]]></content:encoded>
			<category domain="https://forums.smartclient.com/forum/technical-q-a"><![CDATA[Technical Q&amp;A]]></category>
			<dc:creator>paulwilhelm</dc:creator>
			<guid isPermaLink="true">https://forums.smartclient.com/forum/technical-q-a/277669-calendar-with-allowlongevents-and-showcolumnlayouts-behaves-curious</guid>
		</item>
		<item>
			<title><![CDATA[TimeItem (useTextField=&amp;quot;false&amp;quot;) does not account for SelectItem CSS padding when calculating width]]></title>
			<link>https://forums.smartclient.com/forum/technical-q-a/277636-timeitem-usetextfield-false-does-not-account-for-selectitem-css-padding-when-calculating-width</link>
			<pubDate>Thu, 18 Jun 2026 10:24:09 GMT</pubDate>
			<description>I have overridden the default styles for input controls and, so far, have not encountered any rendering issues except with TimeItem when...</description>
			<content:encoded><![CDATA[I have overridden the default styles for input controls and, so far, have not encountered any rendering issues except with TimeItem when useTextField=&quot;false&quot; is used.<br />
With my custom styles applied, the component is rendered incorrectly (see screenshot below).<br />
<br />
<img alt="Click image for larger version  Name:	Screenshot 2026-06-18 121456.jpeg Views:	0 Size:	6.3 KB ID:	277637" data-attachmentid="277637" data-align="none" data-size="full" border="0" src="filedata/fetch?id=277637&amp;d=1781777718" data-fullsize-url="filedata/fetch?id=277637&amp;d=1781777718" data-thumb-url="filedata/fetch?id=277637&amp;d=1781777718&amp;type=thumb" data-title="Click on the image to see the original version" data-caption="" class="bbcode-attachment thumbnail js-lightbox bbcode-attachment--lightbox" /><br />
<br />
After reviewing the source code, I found that the width of the internal SelectItem controls is calculated in the code section shown below. The calculation does not appear to take into account the additional space introduced by the custom CSS styles.<br />
<br />
<b>Custom CSS</b><br />

<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	
	<pre class="bbcode_code" style="max-height:calc(1000 *  + 12px + 20px);">.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;
}</pre>
</div><b>Current implementation in </b><b>isc.TimeItem.setItems()</b><br />

<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	
	<pre class="bbcode_code" style="max-height:calc(1000 *  + 12px + 20px);">var baseStyleName = isc.SelectItem.getInstanceProperty(&quot;textBoxStyle&quot;),
                // get the extra width to add to the render-width of the widest valueMap entry
                extraWidth = isc.SelectItem.getInstanceProperty(&quot;pickerIconWidth&quot;) +
                    isc.Element._getLeftMargin(baseStyleName) +
                    isc.Element._getRightMargin(baseStyleName) +
                    isc.Element._getHBorderPad(baseStyleName) +
                    4 // this last is necessary because there is no right-padding
            ;</pre>
</div><b>Question</b><br />
Would it be possible to replace this code with a version that takes the padding defined in controlStyle into account?<br />
I tested the following modification locally and it appears to work correctly:<br />

<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	
	<pre class="bbcode_code" style="max-height:calc(1000 *  + 12px + 20px);">            var baseStyleName = isc.SelectItem.getInstanceProperty(&quot;controlStyle&quot;),
                textBaseStyleName = isc.SelectItem.getInstanceProperty(&quot;textBoxStyle&quot;),
                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(&quot;pickerIconWidth&quot;) +
                    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
            ;</pre>
</div><br />
I also noticed a related issue with the PickList width.<br />
When clicking any of the three SelectItems within the TimeItem for the first time, the PickList is displayed with an incorrect width.<br />
After closing and opening the same PickList again, its width is calculated correctly and the PickList is displayed as expected.<br />
This behavior suggests that the initial width calculation may not be taking all style-related dimensions into account, while subsequent openings use an updated or recalculated width.<br />
<img alt="Click image for larger version  Name:	Screenshot 2026-06-18 122214.jpeg Views:	0 Size:	5.5 KB ID:	277638" data-attachmentid="277638" data-align="none" data-size="full" border="0" src="filedata/fetch?id=277638&amp;d=1781778149" data-fullsize-url="filedata/fetch?id=277638&amp;d=1781778149" data-thumb-url="filedata/fetch?id=277638&amp;d=1781778149&amp;type=thumb" data-title="Click on the image to see the original version" data-caption="" class="bbcode-attachment thumbnail js-lightbox bbcode-attachment--lightbox" /><br />
<br />
<img alt="Click image for larger version  Name:	Screenshot 2026-06-18 122304.jpeg Views:	0 Size:	4.6 KB ID:	277639" data-attachmentid="277639" data-align="none" data-size="full" border="0" src="filedata/fetch?id=277639&amp;d=1781778203" data-fullsize-url="filedata/fetch?id=277639&amp;d=1781778203" data-thumb-url="filedata/fetch?id=277639&amp;d=1781778203&amp;type=thumb" data-title="Click on the image to see the original version" data-caption="" class="bbcode-attachment thumbnail js-lightbox bbcode-attachment--lightbox" />]]></content:encoded>
			<category domain="https://forums.smartclient.com/forum/technical-q-a"><![CDATA[Technical Q&amp;A]]></category>
			<dc:creator>Hirn</dc:creator>
			<guid isPermaLink="true">https://forums.smartclient.com/forum/technical-q-a/277636-timeitem-usetextfield-false-does-not-account-for-selectitem-css-padding-when-calculating-width</guid>
		</item>
		<item>
			<title>ButtonItem displays its name property behind the icon</title>
			<link>https://forums.smartclient.com/forum/technical-q-a/277627-buttonitem-displays-its-name-property-behind-the-icon</link>
			<pubDate>Thu, 18 Jun 2026 05:07:05 GMT</pubDate>
			<description><![CDATA[When a ButtonItem is configured to display only an icon (showTitle=&quot;false&quot;), the value of the name property is still rendered as text behind the...]]></description>
			<content:encoded><![CDATA[When a ButtonItem is configured to display only an icon (showTitle=&quot;false&quot;), the value of the name property is still rendered as text behind the icon.<br />
<br />
<b>Code used to create the ButtonItem:</b><br />
<br />

<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	
	<pre class="bbcode_code" style="max-height:calc(1000 *  + 12px + 20px);">                    &lt;ButtonItem ID=&quot;reloadProjects&quot; name=&quot;reloadProjects&quot; width=&quot;200&quot; adaptWidth={false}
                      icon={`${CONSTANT.BUTTONS_ICONS}refresh.png`} prompt={Strings.get(&quot;loadProject&quot;)}
                      baseStyle=&quot;imgButton&quot; showTitle=&quot;false&quot; startRow=&quot;false&quot;
                      click={this.reloadProjects.bind(this)}
                    /&gt;</pre>
</div>The text reloadProjects (the value of the name property) is visible behind the button icon.<br />
<img data-attachmentid="277628" data-align="none" data-size="full" border="0" src="filedata/fetch?id=277628&amp;d=1781759167" alt="Click image for larger version

Name:	Screenshot 2026-06-18 070554.jpeg
Views:	108
Size:	2.9 KB
ID:	277628" data-fullsize-url="filedata/fetch?id=277628&amp;d=1781759167" data-thumb-url="filedata/fetch?id=277628&amp;d=1781759167&amp;type=thumb" data-title="Click on the image to see the original version" data-caption="" class="bbcode-attachment thumbnail js-lightbox bbcode-attachment--lightbox" />]]></content:encoded>
			<category domain="https://forums.smartclient.com/forum/technical-q-a"><![CDATA[Technical Q&amp;A]]></category>
			<dc:creator>Hirn</dc:creator>
			<guid isPermaLink="true">https://forums.smartclient.com/forum/technical-q-a/277627-buttonitem-displays-its-name-property-behind-the-icon</guid>
		</item>
		<item>
			<title>Question about Calendar allowLongEvents</title>
			<link>https://forums.smartclient.com/forum/technical-q-a/277623-question-about-calendar-allowlongevents</link>
			<pubDate>Wed, 17 Jun 2026 12:46:55 GMT</pubDate>
			<description><![CDATA[A click on a &quot;longEvent&quot; does not fire eventClick. A click on a &quot;not longEvent&quot; in the same Calendar does. How can I open a custom event dialog after...]]></description>
			<content:encoded><![CDATA[A click on a &quot;longEvent&quot; does not fire eventClick. A click on a &quot;not longEvent&quot; in the same Calendar does. How can I open a custom event dialog after the user clicks on an long-event?<br />
Kind regards Paul<br />
demo: <a href="https://smartclient.com/smartclient/showcase/?id=dragGhostCustomization" target="_blank">SmartClient&#8482; Showcase 14.1p Enterprise [2026-06-12]</a><br />
<br />
]]></content:encoded>
			<category domain="https://forums.smartclient.com/forum/technical-q-a"><![CDATA[Technical Q&amp;A]]></category>
			<dc:creator>paulwilhelm</dc:creator>
			<guid isPermaLink="true">https://forums.smartclient.com/forum/technical-q-a/277623-question-about-calendar-allowlongevents</guid>
		</item>
		<item>
			<title>Header button bottom border disappears on rollover</title>
			<link>https://forums.smartclient.com/forum/technical-q-a/277610-header-button-bottom-border-disappears-on-rollover</link>
			<pubDate>Tue, 16 Jun 2026 14:22:57 GMT</pubDate>
			<description>Skin: Stratus 
 
Description: 
When a border is defined for a header button style, the bottom border disappears on mouse rollover. 
 
Steps to...</description>
			<content:encoded><![CDATA[<b>Skin:</b> Stratus<br />
<br />
<b>Description:</b><br />
When a border is defined for a header button style, the bottom border disappears on mouse rollover.<br />
<br />
<b>Steps to reproduce:</b><ol class="decimal"><li>Open the Column Order example: <a href="https://smartclient.com/smartclient-latest/showcase/?id=columnOrder&amp;skin=Stratus&amp;fontIncrease=3&amp;sizeIncrease=10" target="_blank">https://smartclient.com/smartclient-...izeIncrease=10</a></li>
<li>Modify the header button style in the source code to use the standard button style (with a visible border).</li>
<li>Start the example.</li>
<li>Move the mouse cursor over a column header.</li>
</ol><b>Actual result:</b><br />
The bottom border of the header button disappears while the mouse is over the header.<br />
<br />
<b>Notes:</b><br />
The issue can be reproduced with the Stratus skin after assigning a bordered button style to the header button. It appears that the rollover styling or header rendering logic removes or overrides the bottom border.<br />
<br />

<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	
	<pre class="bbcode_code" style="max-height:calc(1000 *  + 12px + 20px);">isc.ListGrid.create({
    ID: &quot;countryList&quot;,
    width:500, height:224,
    data: countryData,
    headerBaseStyle: &quot;button&quot;,
    fields:&#91;
        {name:&quot;countryCode&quot;, title:&quot;Flag&quot;, width:65, type:&quot;image&quot;, imageURLPrefix:&quot;flags/24/&quot;, imageURLSuffix:&quot;.png&quot;},
        {name:&quot;countryName&quot;, title:&quot;Country&quot;},
        {name:&quot;capital&quot;, title:&quot;Capital&quot;, showIf:&quot;false&quot;},
        {name:&quot;continent&quot;, title:&quot;Continent&quot;}
    &#93;,
    canReorderFields: true
})


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

isc.IButton.create({
    left:130, top:240,
    title:&quot;Hide Capitals&quot;,
    click:&quot;countryList.hideField('capital')&quot;
})</pre>
</div>The screenshot below shows the initial state before the mouse is moved over the header button.<br />
<img data-attachmentid="277611" data-align="none" data-size="full" border="0" src="filedata/fetch?id=277611&amp;d=1781619538" alt="Click image for larger version

Name:	Screenshot 2026-06-16 161649.jpeg
Views:	28
Size:	40.5 KB
ID:	277611" data-fullsize-url="filedata/fetch?id=277611&amp;d=1781619538" data-thumb-url="filedata/fetch?id=277611&amp;d=1781619538&amp;type=thumb" data-title="Click on the image to see the original version" data-caption="" class="bbcode-attachment thumbnail js-lightbox bbcode-attachment--lightbox" /><br />
<br />
<br />
The screenshot below shows the Country column header button after mouse rollover.<br />
<br />
<img data-attachmentid="277612" data-align="none" data-size="full" border="0" src="filedata/fetch?id=277612&amp;d=1781619709" alt="Click image for larger version

Name:	Screenshot 2026-06-16 162116.jpeg
Views:	25
Size:	23.4 KB
ID:	277612" data-fullsize-url="filedata/fetch?id=277612&amp;d=1781619709" data-thumb-url="filedata/fetch?id=277612&amp;d=1781619709&amp;type=thumb" data-title="Click on the image to see the original version" data-caption="" class="bbcode-attachment thumbnail js-lightbox bbcode-attachment--lightbox" />]]></content:encoded>
			<category domain="https://forums.smartclient.com/forum/technical-q-a"><![CDATA[Technical Q&amp;A]]></category>
			<dc:creator>Hirn</dc:creator>
			<guid isPermaLink="true">https://forums.smartclient.com/forum/technical-q-a/277610-header-button-bottom-border-disappears-on-rollover</guid>
		</item>
		<item>
			<title>BUG</title>
			<link>https://forums.smartclient.com/forum/technical-q-a/277609-bug</link>
			<pubDate>Tue, 16 Jun 2026 13:19:18 GMT</pubDate>
			<description>made a misttake when testin. Please delete this issue. Thanks Paul</description>
			<content:encoded>made a misttake when testin. Please delete this issue. Thanks Paul</content:encoded>
			<category domain="https://forums.smartclient.com/forum/technical-q-a"><![CDATA[Technical Q&amp;A]]></category>
			<dc:creator>paulwilhelm</dc:creator>
			<guid isPermaLink="true">https://forums.smartclient.com/forum/technical-q-a/277609-bug</guid>
		</item>
		<item>
			<title>ToolStrip width with autoFitColumns</title>
			<link>https://forums.smartclient.com/forum/technical-q-a/277597-toolstrip-width-with-autofitcolumns</link>
			<pubDate>Fri, 12 Jun 2026 16:21:55 GMT</pubDate>
			<description>SmartClient Version: v13.1p_2026-06-08/AllModules Development Only (built 2026-06-08) 
SmartClient Version: v14.1p_2026-06-11/AllModules Development...</description>
			<content:encoded><![CDATA[SmartClient Version: v13.1p_2026-06-08/AllModules Development Only (built 2026-06-08)<br />
SmartClient Version: v14.1p_2026-06-11/AllModules Development Only (built 2026-06-11)<br />
<br />
Hi, In a grid I'm using autoFit as shown in the autofitColumns example, but I've also added a ToolStrip to the gridComponents:<br />
<br />

<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	
	<pre class="bbcode_code" style="max-height:calc(1000 *  + 12px + 20px);">isc.ListGrid.create({
    ID: &quot;countryList&quot;,
    height:224, width:100,
    data: countryData,
    gridComponents: &#91;
        isc.ToolStrip.create({
            ID: &quot;strip&quot;,
            width: &quot;*&quot;,
            members: &#91;
                isc.ToolStripButton.create({title: &quot;one&quot;}),
                &quot;starSpacer&quot;,
                isc.ToolStripButton.create({title: &quot;two&quot;})
            &#93;
        }),
        &quot;header&quot;, &quot;body&quot;
    &#93;,
    fields:&#91;
        {name:&quot;countryCode&quot;, title:&quot;Flag&quot;, width:65, type:&quot;image&quot;, imageURLPrefix:&quot;flags/24/&quot;, imageURLSuffix:&quot;.png&quot;},
        {name:&quot;countryName&quot;, title:&quot;Country&quot;, width:100},
        {name:&quot;capital&quot;, title:&quot;Capital&quot;, width:100},
        {name:&quot;continent&quot;, title:&quot;Continent&quot;, width:100}
    &#93;,
    autoFitData: &quot;horizontal&quot;,
    autoFitMaxWidth: &quot;100%&quot;
})</pre>
</div>However, I can't get the ToolStrip to take up all the available width:<br />
<br />
<img data-attachmentid="277598" data-align="none" data-size="full" border="0" src="filedata/fetch?id=277598&amp;d=1781281111" alt="Click image for larger version

Name:	2026-06-12 18.18.16.jpg
Views:	43
Size:	10.9 KB
ID:	277598" data-fullsize-url="filedata/fetch?id=277598&amp;d=1781281111" data-thumb-url="filedata/fetch?id=277598&amp;d=1781281111&amp;type=thumb" data-title="Click on the image to see the original version" data-caption="" class="bbcode-attachment thumbnail js-lightbox bbcode-attachment--lightbox" /><br />
<br />
Is there a way to achieve this?<br />
<br />
Also, while looking for a possible workaround (for example by observing resized() on the grid), I noticed that if I do: <br />
<br />

<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	
	<pre class="bbcode_code" style="max-height:calc(1000 *  + 12px + 20px);">strip.setWidth(countryList.getViewportWidth());</pre>
</div>the grid becomes wider than the grid body itself:<br />
<br />
<img data-attachmentid="277599" data-align="none" data-size="full" border="0" src="filedata/fetch?id=277599&amp;d=1781281111" alt="Click image for larger version

Name:	2026-06-12 18.18.19.jpg
Views:	35
Size:	11.8 KB
ID:	277599" data-fullsize-url="filedata/fetch?id=277599&amp;d=1781281111" data-thumb-url="filedata/fetch?id=277599&amp;d=1781281111&amp;type=thumb" data-title="Click on the image to see the original version" data-caption="" class="bbcode-attachment thumbnail js-lightbox bbcode-attachment--lightbox" /><br />
]]></content:encoded>
			<category domain="https://forums.smartclient.com/forum/technical-q-a"><![CDATA[Technical Q&amp;A]]></category>
			<dc:creator>claudiobosticco</dc:creator>
			<guid isPermaLink="true">https://forums.smartclient.com/forum/technical-q-a/277597-toolstrip-width-with-autofitcolumns</guid>
		</item>
		<item>
			<title>useMask ignored when browserInputType is set to digits on date/time FormItems</title>
			<link>https://forums.smartclient.com/forum/technical-q-a/277588-usemask-ignored-when-browserinputtype-is-set-to-digits-on-date-time-formitems</link>
			<pubDate>Fri, 12 Jun 2026 11:06:30 GMT</pubDate>
			<description>SmartClient Version: v13.1p_2026-06-08/AllModules Development Only (built 2026-06-08) 
SmartClient Version: v14.1p_2026-06-11/AllModules Development...</description>
			<content:encoded><![CDATA[SmartClient Version: v13.1p_2026-06-08/AllModules Development Only (built 2026-06-08)<br />
SmartClient Version: v14.1p_2026-06-11/AllModules Development Only (built 2026-06-11)<br />
<br />
Hi, I've noticed that when using browserInputType: &quot;digits&quot; on FormItems of type date/time with useMask: true, the mask is not displayed.<br />
<br />
However, the mask is correctly applied when using browserInputType: &quot;tel&quot;.<br />
<br />
Is this expected behavior (i.e., a limitation or unsupported combination), or could this be a bug?<br />
<br />
Test case:<br />
<br />

<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	
	<pre class="bbcode_code" style="max-height:calc(1000 *  + 12px + 20px);">isc.DynamicForm.create({
    items:&#91;
        {name:&quot;aDateTimeItem&quot;, type:&quot;datetime&quot;, textFieldProperties:{browserInputType:&quot;digits&quot;}, useMask:true},
        {name:&quot;aTimeItem&quot;, type:&quot;time&quot;, textFieldProperties:{browserInputType:&quot;tel&quot;}, useMask: true}
    &#93;
})</pre>
</div>with browserInputType:&quot;digits&quot;:<br />
<br />
<img data-attachmentid="277590" data-align="none" data-size="full" border="0" src="filedata/fetch?id=277590&amp;d=1781262310" alt="Click image for larger version

Name:	IMG_7124.PNG
Views:	24
Size:	179.4 KB
ID:	277590" data-fullsize-url="filedata/fetch?id=277590&amp;d=1781262310" data-thumb-url="filedata/fetch?id=277590&amp;d=1781262310&amp;type=thumb" data-title="Click on the image to see the original version" data-caption="" class="bbcode-attachment thumbnail js-lightbox bbcode-attachment--lightbox" /><br />
<br />
with browserInputType:&quot;tel&quot;:<br />
<br />
<img data-attachmentid="277589" data-align="none" data-size="full" border="0" src="filedata/fetch?id=277589&amp;d=1781262309" alt="Click image for larger version

Name:	IMG_7125.PNG
Views:	31
Size:	174.7 KB
ID:	277589" data-fullsize-url="filedata/fetch?id=277589&amp;d=1781262309" data-thumb-url="filedata/fetch?id=277589&amp;d=1781262309&amp;type=thumb" data-title="Click on the image to see the original version" data-caption="" class="bbcode-attachment thumbnail js-lightbox bbcode-attachment--lightbox" />]]></content:encoded>
			<category domain="https://forums.smartclient.com/forum/technical-q-a"><![CDATA[Technical Q&amp;A]]></category>
			<dc:creator>claudiobosticco</dc:creator>
			<guid isPermaLink="true">https://forums.smartclient.com/forum/technical-q-a/277588-usemask-ignored-when-browserinputtype-is-set-to-digits-on-date-time-formitems</guid>
		</item>
		<item>
			<title>TileGrid tiles resize on first hover</title>
			<link>https://forums.smartclient.com/forum/technical-q-a/277585-tilegrid-tiles-resize-on-first-hover</link>
			<pubDate>Fri, 12 Jun 2026 09:02:29 GMT</pubDate>
			<description>SmartClient Version: v13.1p_2026-06-08/AllModules Development Only (built 2026-06-08) 
SmartClient Version: v14.1p_2026-06-11/AllModules Development...</description>
			<content:encoded><![CDATA[SmartClient Version: v13.1p_2026-06-08/AllModules Development Only (built 2026-06-08)<br />
SmartClient Version: <b>v14.1p_2026-06-11/AllModules Development Only</b> (built 2026-06-11)<br />
<br />
Chrome on MacOS<br />
<br />
Hi, I've noticed that if I add a border to the tileProperties of a TileGrid and use a fractional border width, such as 1.5px, the tiles are resized the first time the mouse hovers over them.<br />
<br />
I'd like to know whether fractional border widths are actually unsupported in this context, or if this could be a bug.<br />
<br />
Sample code:<br />
<br />

<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	
	<pre class="bbcode_code" style="max-height:calc(1000 *  + 12px + 20px);">isc.TileGrid.create({
    tileWidth:150,
    tileHeight:190,
    height:&quot;100%&quot;,
    width:&quot;100%&quot;,
    showAllRecords:true,
    tileProperties:{
        border:&quot;1.5px solid red&quot;
    },
    data:animalData,
    fields: &#91;
        {name:&quot;picture&quot;, type:&quot;image&quot;, imageURLPrefix:&quot;../inlineExamples/tiles/images/&quot;},
        {name:&quot;commonName&quot;},
        {name:&quot;status&quot;}
    &#93;
});</pre>
</div>]]></content:encoded>
			<category domain="https://forums.smartclient.com/forum/technical-q-a"><![CDATA[Technical Q&amp;A]]></category>
			<dc:creator>claudiobosticco</dc:creator>
			<guid isPermaLink="true">https://forums.smartclient.com/forum/technical-q-a/277585-tilegrid-tiles-resize-on-first-hover</guid>
		</item>
	</channel>
</rss>
