CSS for Edit Button!

Hi Gliders,

Can anyone help me with a CSS to alter the edit pencil icon into a button or increase its icon size.

image

This is what i can so far. But the issues is, the button is now moving with the viewport :frowning: . I want to button to be in one place

image

image

Rather than messing around with CSS, have you considered using floating buttons for Add/Edit actions?

Screen Shot 2021-01-03 at 4.07.35 PM

1 Like

Hi @Darren_Murphy, This is what i wanted to do, but there wasn’t any option to edit, can you let me know to i can get the edit option?

1 Like

The way I did it was with a Link to Screen action, passing ‘This Item’ as the data.

Screen Shot 2021-01-03 at 4.12.04 PM

On the next screen, you just use a Details layout, and add input components for those items you want to make available to be edited.

Of course, you could also use standard buttons with this, but I think it’s a nice use case for floating buttons.

6 Likes

Thanks. Will try it out

1 Like