AdaptiveMenu visual glitch

[claudiobosticco]

SmartClient Version: SNAPSHOT_v13.1d_2024-07-25/AllModules Development Only (built 2024-07-25)

I see it's fixed, thank you very much.

[Isomorphic]

hi Claudio - this visual glitch was actually toolStripButtons being scaled twice, from an initial 22px to an eventual 42px - this happens because Flat series skins overwrite isc.ToolStripButton with isc.Button, and both classes are registered for scaling.

We've also corrected the Twilight color you mentioned.

Please retest with tomorrow's builds, dated July 24 or later

[claudiobosticco]

SmartClient Version: SNAPSHOT_v13.1d_2024-07-22/AllModules Development Only (built 2024-07-22)

Hello, please try this test case:

// variable-length name label and button control
isc.Label.create({
    ID: "nameLabel",
    width: 1,
    wrap: false,
    refreshTitle : function (longName) {
        var name = longName ? "Alejandro O'Reilly" : "Lucy Lu";
        this.setContents("<b>Candidate: " + name + "</b>");
    }
});

isc.AdaptiveMenu.create({
    ID: "adaptiveMenu",
    defaultLayoutAlign: "center",
    items: [
        {title: "Contact", click: "isc.say(this.title)"},
        {title: "Hire Now", click: "isc.say(this.title)"},
        {title: "View Résumé", click: "isc.say(this.title)"},
        {
            title: "Edit",
            showRollOver: false,
            embeddedComponent: isc.HStack.create({
                snapTo: "TR",
                height: "100%",
                width: 190,
                membersMargin: 3,
                layoutMarginBottom: 5,
                defaultLayoutAlign: "center",
                members: [
                    isc.IButton.create({title: "Cut", autoFit:true, click: "isc.say(this.title)"}),
                    isc.IButton.create({title: "Copy", autoFit:true, click: "isc.say(this.title)"}),
                    isc.IButton.create({title: "Paste", autoFit:true, click: "isc.say(this.title)"})
                ]
            }),
            embeddedComponentFields: ["key"]
        }
    ],
    menuProperties: {
        width: 350
    }
});

isc.ToolStripButton.create({
    ID: "printButton",
    icon: "[SKIN]/RichTextEditor/print.png",
    title: "Print"

})

// parent Layouts
isc.ToolStrip.create({
    width: 375,
    membersMargin: 5,
    layoutLeftMargin: 10,
    ID: "toolStrip",
    showResizeBar: true,
    members: [printButton, adaptiveMenu,
]
});

You may see that the ToolStripButtons generated by the AdaptiveMenu are visually different from the "Print" button (which is a regular ToolStripButton):





if you remove the printButton from the ToolStrip, you'll see that the ToolStrip height becomes smaller, I think it's a consequence of the previous glitch:



Also, just for Twilight, in the toolStripButtonFocusedDown style the title is not much visible: