api v2 row actions icons only

edited May 21, 2020 in Ideas
Can't seem to change the style layout on api v2, even after designing my own buttons in the Design System. I can preview the icons for buttons just fine, but when trying to apply that button to a button group, it loses that styling, which also loses its styling when applied to row actions on a table. I can't change it from the drop down menu. I want them to be in a row, like with v1

image
1
1 votes

Under Consideration · Last Updated

Comments

  • Anna WiersemaAnna Wiersema 🛠️ 
    edited April 23, 2020
    Hi Lucas, thanks for bringing this issue to our attention. Hope you're safe and well.
    • What version of Skuid are you using?
    • Do you have any out of date themes?  I suggest going to the Themes/Design Systems list and clicking the button to update out of date themes if it is visible.
    • In v2, row actions and filters auto-collapse based on screen size. However a lot of users have been requesting the ability to disable this responsive behavior.  Does this sound like what you're trying to accomplish?
    • Additionally, you said "when trying to apply that button to a button group, it loses that styling" - is this because of the auto-collapse or is it losing all styling entirely?
  • edited April 23, 2020
    • Looks like we're on 12.2.14.
    •  I went through our themes and we really only had one that looked to be out of date - I ran the update already, that was a potential solution I found early on.
    • I think that's what I need - it's definitely auto-collapsing, I think, and any changes I try to make in the custom design system don't seem to be doing anything about that part
    • I think it's the auto-collapse causing the problem, like you said
    Here is what I'm referring to right now - I created a custom condensed button and am previewing with icon only. But when I try to apply that variant to button groups, it won't let me use the icon only selection. And then in the table, it auto-collapses, like you said, because I am previewing with detached buttons at the moment.
  • Anna WiersemaAnna Wiersema 🛠️ 
    edited April 29, 2020
    HI Lucas, is there any way you could send a short screen capture video demonstrating the behavior you're talking about?
    • It sounds like the icon-only variant is visible in the App Composer but unable to be selected, is that correct? Or can you select it but it's not getting applied?
  • edited April 30, 2020
    https://www.loom.com/share/51559101b6be4fc9bed0991d3ff7784a

    Forgive the occasional panting - that's my dog, not me :)

    The variant doesn't seem to be available the way I need in the app composer. I can apply icon only in the design system preview, but it doesn't apply to the button group when choosing that variant, which then doesn't apply when choosing that button group variant for the table row actions.
  • Anna WiersemaAnna Wiersema 🛠️ 
    edited April 30, 2020
    Hi Lucas, thanks for the video, that was really helpful.
    • You can put a space in the action label to keep the button order (0,1, etc) from showing up in runtime (see picture below).
    Other users have requested the ability to disable the button collapse behavior in v2 and I'm adding your vote to this idea in our internal tracking system. Thanks for helping to make Skuid better!





  • edited April 30, 2020
    Thanks! I think we're going to go a different direction now, but good to know I'm not just crazy. 
  • Matt BrownMatt Brown ✭✭✭✭
    edited May 21, 2020
    Lucas, thank you for this feedback - we are working on several updates to buttons and button groups in Spark Update 4, and this will be helpful for our product team to review. Thanks!
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!