SmartClient Version: v13.1p_2024-12-31/AllModules Development Only (built 2024-12-31)
Safari on iPad Mini 6th gen iOS 17.4 (XCode Simulator)
Hello, please open the showcase with these density settings:
https://www-demos.smartclient.com/sm...rease=15&dhc=1
using an iPad Mini in portrait orientation (probably it's possible to replicate it with a different screen resolution by adding menu items), and run this code from the Safari console, so that the Window is at fullscreen:
Note the 2 AdaptiveMenuItems with the mutually exclusive visibleWhen criteria (a trick I use as dynamicTitle isn't currently supported).
You'll see that there isn't enough space for the last AdaptiveMenuItem as a button, so there's a Menu for it.
then switch to landscape orientation, and then again to portrait: you'll see that this time the last AdaptiveMenuItem appears as a button, but it's clipped:
Safari on iPad Mini 6th gen iOS 17.4 (XCode Simulator)
Hello, please open the showcase with these density settings:
https://www-demos.smartclient.com/sm...rease=15&dhc=1
using an iPad Mini in portrait orientation (probably it's possible to replicate it with a different screen resolution by adding menu items), and run this code from the Safari console, so that the Window is at fullscreen:
Code:
isc.DynamicForm.create({
ID: "exampleForm",
width: "100%",
fields: [
{
name: "username",
title: "Username",
type: "text",
width: "*",
required: true,
defaultValue: "bob"
},
{
name: "email",
title: "Email",
required: true,
width: "*",
type: "text",
defaultValue: "bob@isomorphic.com"
}
]
});
isc.AdaptiveMenu.create({
ID: "adaptiveMenu",
menuButtonTitle: "More...",
align: "center",
defaultLayoutAlign: "center",
items: [
{
title: "Foo Bar",
icon:"Edit"
},
{
title: "Foo Bar",
icon:"Edit"
},
{
title: "Foo Bar",
icon:"Edit",
visibleWhen: {fieldName: "exampleForm.values.username", operator: "equals", value: "bob"}
},
{
title: "Foo Bar",
icon:"Edit",
visibleWhen: {fieldName: "exampleForm.values.username", operator: "notEqual", value: "bob"}
},
{
title: "Foo Bar Bar",
icon:"Edit"
},
{
title: "Foo Bar",
icon:"Edit"
},
{
title: "Foo Bar Bar",
icon:"Edit"
}
]
});
isc.ToolStrip.create({
ID: "toolStrip",
height: 32,
width: "100%",
layoutMargin: 0,
defaultLayoutAlign: "center",
members: [
isc.IButton.create({title: "Close", icon: "Close", autoFit: true}),
adaptiveMenu,
isc.IButton.create({title: "Save", icon: "Save", autoFit: true})]
});
isc.Window.create({
ID: "testWindow",
title: isc.version,
maximized:true,
showFooter: true,
items: [exampleForm],
footerControls: [toolStrip],
layoutBottomMargin: 20
}).show()
You'll see that there isn't enough space for the last AdaptiveMenuItem as a button, so there's a Menu for it.
then switch to landscape orientation, and then again to portrait: you'll see that this time the last AdaptiveMenuItem appears as a button, but it's clipped:
Comment