How to round the Painterro buttons

How to round the Painterro buttons

Since Painterro is codded on HTML and CSS you can candle any attributes/colors/sizes of control elements.

Some props, however, like the sizes of buttons should be configured via js.

Let's assume we want to make our toolbar take 54px. We will also make button size 42px

Painterro({
  toolbarHeightPx: 54,
  buttonSizePx:42
}).show()

Now let's add some CSS which adds some

.ptro-icon-btn[class] {
  border-radius: 27px;
}

Here how should it look:

( round the Painterro buttons Want to see it in action? Check the fiddle

#painterro
1
Ivan Borshchov profile picture
Oct 25, 2020
by Ivan Borshchov
Did it help you?
Yes !
No

Best related

Other by Ivan Borshchov