[image] Im able to create a row of icons that can link out to external sites using html and css only. However, I am interested in doing the same thing but using button components so I can get additional actions other than open link. Anybody have any ideas on how to achieve?

Like add 3 separate image components and use css to align?

yes… or just place the image link directly into CSS… [image] Code BOOK - Desktop share cool CSS, scripts and links

Are the number of icons fixed? For something like that, I think I’d just use an Inline List, and use Hero Icons as the images. Relatively simple, little or no CSS required.

There is a maximum number of icons, but could range from 0-4 depending on if the user adds the corresponding link. Thus the horizontal list would be dynamic. Also would like unique actions per icon as not all will open an external link. I can try and see if an inline list will work. Thanks!

you can replace image links using a template column… this way, you have more freedom arranging your buttons… the inline list has limitations… also it might not work well with CSS on many devices or OS

Ill try tomorrow and report back my results. Thanks for the suggestions!

[image] Joe_Gabriele: There is a maximum number of icons, but could range from 0-4 depending on if the user adds the corresponding link. Thus the horizontal list would be dynamic. Inline List using a tiles layout can have up to 4 side by side, so that would work out. Only thing is if you hav…

I wad able to use a Title Component to make it look exactly like one of the above icons, however still lost on aligning multiple Title Components together. And yes the Inline list option didnt work for this use case.

Just out of curiosity, what was the challenge with the Inline List? Was it just not being able to get them centred, or something else?

Basically, if I have up to 4 List Items, make the Inline List Display 4 items Horizontally, filter the list based on if Link provided and only 3 items have links, then the list is no longer centered. In addition, I cant assign individual actions to each List Item as they all act the same. I would l…

Need help with aligning buttons

Ask for Help

Jeff_Hager September 25, 2022, 5:58pm 19

Read through this thread. It should be a very similar setup. If you have questions, let me know.

Topic		Replies	Views
Button Bar more than two buttons Ask for Help	51	2664	January 20, 2022
4 images in 2x2 grid, no padding, each with own action Ask for Help	12	727	December 10, 2021
Button connect different sheet Ask for Help	10	210	February 18, 2023
Inline list as multi action button on list item Ask for Help	8	511	January 12, 2023
Can you include and place icons on a details screen... that do something? Ask for Help	29	1905	January 17, 2024

Need help with aligning buttons

Related topics