buttonWidget

RE: buttonWidget

Prasanta Paul — Mon, 12 Aug 2024 04:33:35 GMT

Yes, that's right.

RE: buttonWidget

Dipak Ingle — Sun, 11 Aug 2024 13:46:26 GMT

Try if the code below works for your 2nd question

a!buttonWidget(  icon: "plus"   )

RE: buttonWidget

Stefan Helzle — Sat, 10 Aug 2024 17:00:39 GMT

Makes it more readable ...

RE: buttonWidget

baji mekala — Sat, 10 Aug 2024 16:43:44 GMT

For this question I used below logic and achieve my requirement.

a!columnsLayout(
columns: {
a!columnLayout(
contents: {
a!cardLayout(
height: "",
contents: {
a!sideBySideLayout(
alignVertical: "MIDDLE",
spacing: "DENSE",
items: {
a!sideBySideItem(
item: a!richTextDisplayField(
labelPosition: "COLLAPSED",
align: "RIGHT",
value: a!richTextIcon(
icon: "plus",
size: "MEDIUM",
color: "POSITIVE",
linkStyle: "STANDALONE"
)
)
),
a!sideBySideItem(
width: "MINIMIZE",
item: a!richTextDisplayField(
labelPosition: "COLLAPSED",
align: "RIGHT",
value: a!richTextItem(
text: upper(" Create Hiring Plan"),
size: "MEDIUM",
linkStyle: "STANDALONE"
)
)
)
}
)
}
)
}
),
a!columnLayout(contents: {}),
a!columnLayout(contents: {}),
a!columnLayout(contents: {}),
a!columnLayout(contents: {})
}
)

RE: buttonWidget

aminw4267 — Fri, 09 Aug 2024 17:36:20 GMT

Hi Prasanta Paul, What I meant is that It would be great if Appian offered different case options for buttons (lowercase, uppercase, title case, sentence case). most modern UIs use sentence case.

RE: buttonWidget

saikiran1919 — Tue, 06 Aug 2024 06:53:37 GMT

Can you explain more on this?

RE: buttonWidget

Prasanta Paul — Mon, 05 Aug 2024 10:22:27 GMT

Can you please explain?

RE: buttonWidget

aminw4267 — Wed, 31 Jul 2024 21:24:17 GMT

why not simply allow different capitalizations?

RE: buttonWidget

Meda Pravallika — Fri, 13 Jan 2023 07:19:22 GMT

/*Button Widget labels are always uppercase, that is just the style of the user interfaces. A workaround would be to use links instead of buttons, using either a!richTestDisplayField or a!linkField */

a!richTextDisplayField(
value: a!richTextItem(
text: "lowercase label",
link: a!dynamicLink(
/*Code link*/
)
)
)

a!linkField(
links: a!dynamicLink(
label: "lowercase label"
/*code lines */
)
)

/*we cannot increase the size of text within the button. A workaround would be to use an a!documentImage with the built-in "ADD" icon, or upload your own image*/

a!imageField(
images: a!documentImage(
document: a!iconIndicator(
"ADD"
)
)
)

/*I would also suggest looking for other work arounds as well. While Appian has its limits with button User interfaces, we are using only the "action verbs" as your button text will help to alleviate some of the problems you are finding.*/

RE: buttonWidget

Mike Schmitt — Wed, 28 Dec 2022 14:57:46 GMT

FYI the comment you're replying to is 4 years old as of now.

RE: buttonWidget

Komal Jain — Wed, 28 Dec 2022 14:54:55 GMT

hi rohinip91

Please try like as submit like , it will give you all expect parameters same as button

a!columnsLayout(
columns: {
a!columnLayout(
width: "NARROW",
contents: a!cardLayout(
style: "ACCENT",
height :"AUTO",
contents: a!richTextDisplayField(
value: "Submit"
),
link: a!submitLink()
)

)
}
)

RE: buttonWidget

Mike Schmitt — Tue, 13 Dec 2022 14:44:13 GMT

Sorry, you fell for one of the standard spambots that tend to post here in this style alarmingly frequently.

RE: buttonWidget

cugino95 — Tue, 13 Dec 2022 10:50:08 GMT

can you share new information? there isn't a link in your post

thx

RE: buttonWidget

ghguky4126 — Tue, 13 Dec 2022 08:07:29 GMT

[deleted]

RE: buttonWidget

rohinip91 — Wed, 21 Nov 2018 02:05:51 GMT

Hi Abhay...
I tried using cardlayout as buttons..could achieve most of the functionality of buttons except the feel of a proper button.

RE: buttonWidget

Abhay Giri — Tue, 20 Nov 2018 07:48:40 GMT

Hi rohini,

just try card layout as button, i think this can help you to achieve your requirement.

regards
abhay

RE: buttonWidget

Andrew Zysk — Mon, 19 Nov 2018 20:05:48 GMT

1) ButtonWidget labels are always uppercase, that is just the style of the UI. A workaround would be to use links instead of buttons, using either a!richTestDisplayField or a!linkField, ex:

a!richTextDisplayField(
value: a!richTextItem(
text: "lowercase label",
link: a!dynamicLink(
/*link code*/
)
)
)

a!linkField(
links: a!dynamicLink(
label: "lowercase label"
/*more link code*/
)
)

2) You can not increase the size of text within a button. A workaround would be to use an a!documentImage with the built-in "ADD" icon, or upload your own image, ex:

a!imageField(
images: a!documentImage(
document: a!iconIndicator(
"ADD"
)
)
)

I would also suggest looking for other workarounds as well. While Appian has its limits with button UIs, using "action verbs" as your button text will help to alleviate some of the problems you are finding.

RE: buttonWidget

Mike Schmitt — Mon, 19 Nov 2018 20:01:23 GMT

Button labels have displayed in all CAPS since the major UI overhaul which happened in version ~17.1 - there is no workaround that I know of, other than using some different component. There's also no way to control the font size.

You would be able to do a lot of this within the a!richTextDisplayField component, while using the a!submitLink() link component. It wouldn't be a PROPER button, but could be made to act almost exactly like one.