How can I create a text align header with more than two buttons?

[Evgene Karachevtsev]

Adam,

1 You should use image component instead of button
2 You need to remove margin for the title. Use this CSS:

code.ui-title{
text-align:left !important;
margin-left:0 !important;
margin-right:0 !important;
}/code

[adam griffin]

I tried the code out now the gray bubble is the entire header. Is there away to remove the bubble it self and just have the header label sitting on the blue header background?

[adam griffin]

Never mind I figure out what the problem was. It was some old css I added. Thank you for the help.

[Evgene Karachevtsev]

Adam,

Thank you for the update. Do not hesitate to contact us if you need any further help.

[Peony Rose]

Where is the CSS code added in appery.io?

[Evgene Karachevtsev]

Hello Peony,

This link should help: https://devcenter.appery.io/documenta...

[Peony Rose]

Trying to understand how you add the CSS. I do not have this as a dropdown item under Events.

[Illya Stepanov]

Hi Peony - In the Events tab you can apply CSS dynamically using JavaScript, like shown here: https://devcenter.appery.io/documenta...