Menu with sub-menu

RE: Menu with sub-menu

helmuta — Tue, 05 Mar 2019 13:00:22 GMT

That is what I did Stewart. Change it to a cardlayout and since my background will have color it will hide the border nicely.

RE: Menu with sub-menu

Stewart Burchell — Tue, 05 Mar 2019 12:54:29 GMT

You could try substituting the a!boxLayout() components with a!cardLayout()

RE: Menu with sub-menu

helmuta — Tue, 05 Mar 2019 12:50:41 GMT

Works like a champ Stewart. Need to see if there is another structure that might give me the same functionality as the boxlayout because I'm not sure if my users will like the border. Really appreciate your help.

RE: Menu with sub-menu

helmuta — Tue, 05 Mar 2019 12:31:13 GMT

Thanks Stewart. I will play with it and see what is possible.

RE: Menu with sub-menu

helmuta — Tue, 05 Mar 2019 12:30:42 GMT

Thanks Mike

RE: Menu with sub-menu

Stewart Burchell — Tue, 05 Mar 2019 08:19:29 GMT

Unfortunately the a!sideBySideItem() won't take layout components as of 19.1. I'd suggest you re-structure the whole thing as a pair of a!columnsLayout() and use a!dynamicLink() to toggle the value of a local! Boolean variable, and use that as the value for the showWhen of an a!boxLayout(), which you can then use as the container for your sub-menu. Here's what I mean:

load(
local!promo: null,
local!isMenu1Enabled: false,
local!isMenu2Enabled: false,
{
a!columnsLayout(
columns: {
a!columnLayout(
contents: {
a!richTextDisplayField(
value: {
a!richTextItem(
text: " Edit Promotion Details ",
link: a!startProcessLink()
)
}
)
}
),
a!columnLayout(
contents: {
a!richTextDisplayField(
value: {
a!richTextItem(
text: " Request & Manage Estimates ",
link: a!dynamicLink(
value: fn!not(local!isMenu1Enabled),
saveInto: {
local!isMenu1Enabled,
a!save(
local!isMenu2Enabled,
false
)
}
)
)
}
)
}
),
a!columnLayout(
contents: {
a!richTextDisplayField(
value: {
a!richTextItem(
text: " Request & Manage Rules ",
link: a!dynamicLink(
value: fn!not(local!isMenu2Enabled),
saveInto: {
local!isMenu2Enabled,
a!save(

local!isMenu1Enabled,
false
)
}
)
)
}
)
}
),
a!columnLayout(
contents: {
a!richTextDisplayField(
value: {
a!richTextItem(
text: " Add Attachments ",
link: a!startProcessLink()
)
}
)
}
)
}
),
a!columnsLayout(
columns: {
a!columnLayout(
contents: {}
),
a!columnLayout(
contents: {
a!boxLayout(
label: "Sub Menu",
showWhen: local!isMenu1Enabled
)
}
),
a!columnLayout(
contents: {
a!boxLayout(
label: "Sub Menu",
showWhen: local!isMenu2Enabled
)
}
),
a!columnLayout(
contents: {}
)
}
)
}
)

RE: Menu with sub-menu

Mike Schmitt — Mon, 04 Mar 2019 21:18:18 GMT

Appian doesn't really have drop-down submenus like you're thinking of, but you could probably come up with something pretty nice looking if you use either a!boxLayout or a!cardLayout just below that bar where clicking one of the two items in question causes the box/card to open, in which you could easily have a list of items like links/etc.