Page 2 of 2

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

Posted: Mon Jun 23, 2014 5:29 pm
by 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


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

Posted: Mon Jun 23, 2014 5:34 pm
by 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? Image


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

Posted: Mon Jun 23, 2014 5:46 pm
by adam griffin

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


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

Posted: Mon Jun 23, 2014 6:43 pm
by Evgene Karachevtsev

Adam,

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


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

Posted: Mon Nov 02, 2015 2:18 pm
by Peony Rose

Where is the CSS code added in appery.io?


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

Posted: Mon Nov 02, 2015 2:19 pm
by Evgene Karachevtsev

Hello Peony,

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


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

Posted: Mon Nov 02, 2015 2:44 pm
by Peony Rose

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


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

Posted: Tue Nov 03, 2015 10:27 am
by Illya Stepanov

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