Announcement

**Isomorphic** · 25 Aug 2025, 12:07

Could you clarify - the issue seems to be that the close button ("cancel" icon) isn't large enough - you were expecting that to scale up larger?

**claudiobosticco** · 25 Aug 2025, 12:11

Exactly, the cancel icon seems to be fixed at 16px in size, from Dense density up to Spacious and beyond.

**Isomorphic** · 25 Aug 2025, 19:14

hi Claudio - we've fixed scaling for FormItemIcons without a specified size (they fall back to FormItem.iconWidth/iconHeight).

You can try out the fix as of today's builds, dated August 26.

**claudiobosticco** · 26 Aug 2025, 04:01

Thank you very much, I can see it’s now working correctly (I still see the WARN though).

I still have a doubt about the "date_range" icon of the DateChooser: with a density such as Spacious it appears noticeably larger, while with Dense it looks smaller than the additional icons. It seems to scale with a different factor. Is this intentional?

**Isomorphic** · 26 Aug 2025, 21:48

hi Claudio,

The WARN is just a result of being run in our Showcase, where we have custom drawing and focusing behaviors. You won't see the log outside of the Showcase. The issue doesn't happen in 15.0, so we'll keep a note to have a look at fixing it in 13.1 when we have time. For the moment, if you want to avoid the WARN inside the Showcase, just get rid of your autoFocus setting, which you'll notice isn't working anyway!

On the sizing of the DateChooser icon (all the items that use it), and actually the ColorItem icon as well - yes, it's intentional. These all start out at 16px, the same as most other icons. Since the pickerIcon in these cases is outside of the control-border, it is scaled to match the control since that's what it's adjacent to, via the sizeIncrease, not the fontIncrease like most other icons (such as SelectItem chevrons). You'll also note that MiniDateRangeItem scales it's picker a bit less (60% of the sizeIncrease, instead of 100%), because that usage is inline, inside the control, and we wanted to leave some space.

We may make some minor changes here, and we'll let you know if we do.

If you want to modify these defaults in your own skins, see the calls to <i>Canvas.registerIconSizingAttributes()</i> near the top of load_skin.js.

**claudiobosticco** · 26 Aug 2025, 23:39

Thank you very much for the explanations. The WARN is not an issue for me.

Regarding the icons, I was thinking that in my case it would actually be more appropriate to have it inline, but I noticed that with useTextField set to true, inline has no effect. Is that expected?

Here’s the test case (the icon remains outside the textBox):

Code:

isc.DynamicForm.create({
    width: 400,
    margin: 10,
    titleWidth: 100,
    colWidths: [110, "*"],
    autoFocus: true,
    fields: [
        { name: "datePicker",type:"date", title: "Date Picker", useTextField:true, icons: [ {inline:true, src:"Cancel"} ] }
    ]
});

**Isomorphic** · 26 Aug 2025, 23:44

It's probably something we should handle better, but you can fix it for now by applying the icons directly to the text-field, like

Code:

useTextField: true,
textFieldProperties: { icons: [ {inline:true, src:"Cancel"} ] }  }

Announcement

FormItem svg icons scaling

Comment

Comment

Comment

Comment

Comment

Comment

Comment