adam griffin
Posts: 0
Joined: Tue May 21, 2013 8:44 pm

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

Image

Im trying to create a header like this. Instead of the paypal icon I would like to have some text. Can someone help?

Alena Prykhodko
Posts: 0
Joined: Tue Apr 09, 2013 7:36 am

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

Hello,

Should be possible. What if you add Label component?

adam griffin
Posts: 0
Joined: Tue May 21, 2013 8:44 pm

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

How can I make the label and the buttons appear to be on the same bar?

adam griffin
Posts: 0
Joined: Tue May 21, 2013 8:44 pm

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

I just tried a label component it wont work.

adam griffin
Posts: 0
Joined: Tue May 21, 2013 8:44 pm

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

Image

I am trying to get rid of the bubble around the header and move the header text to the left and add two buttons to the right. I am guessing I will need html and/or css, but I can not figure how to do it. Will someone please help me???

obullei
Posts: 0
Joined: Thu Jun 05, 2014 12:17 am

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

Hello!

We need to clarify this question with the developers. We'll reply as soon as have more information.
This will take some time.

adam griffin
Posts: 0
Joined: Tue May 21, 2013 8:44 pm

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

Please let me know when you find something out

Evgene Karachevtsev
Posts: 12
Joined: Mon Apr 28, 2014 1:12 pm

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

Hello,

Add this css to move title left:

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

In header add grid 1*2 and in greed add 2 buttons, as in the screenshot. Specify the size and assign a class grid-right:
http://www.screencast.com/t/nYYXr8LOmN

Add this custom CSS class:

code.grid-right{
position:absolute;
right:.4em ;
top:0;
} /code

Should be like this:
http://www.screencast.com/t/72WG0CXROc

adam griffin
Posts: 0
Joined: Tue May 21, 2013 8:44 pm

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

It looks good. I will try it when I make it to my laptop. Another question, how can I remove the padding of the buttons so all you will see is the flat icons like in the screen shot?

adam griffin
Posts: 0
Joined: Tue May 21, 2013 8:44 pm

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

In addition to my question, how can I remove the padding around the header and clear the empty white space I highlighted in the image? Image

Return to “Issues”