This is a migrated thread and some comments may be shown as answers.

Buttons in default k-block, k-header

3 Answers 250 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
iCognition
Top achievements
Rank 1
Iron
iCognition asked on 25 Jun 2013, 01:11 AM
Hi I want to use K-Block and K-Header to style some portlets.

I want the K-Header to contain some right aligned buttons (expand, minimize and close)

However, currently they overflow the header height and setting the height of the portlet header statically doesn't lend itself to modularity and style changes.

Any ideas?

3 Answers, 1 is accepted

Sort by
0
Iliana Dyankova
Telerik team
answered on 26 Jun 2013, 02:40 PM
Hi Matt,

I am not quite sure if I understand your scenario correctly. Could you please provide a small runnable example which demonstrates your current implementation (or at least a picture which illustrates the desired outcome)? This way I would be able to advice you further and provide concrete recommendations. Thank you in advance for your cooperation. 

Regards,
Iliana Nikolova
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
iCognition
Top achievements
Rank 1
Iron
answered on 26 Jun 2013, 11:37 PM
Sure, here.

I want to make the header encompass the right floated button, without explicitly specifying the k-header height.
0
Iliana Dyankova
Telerik team
answered on 28 Jun 2013, 03:46 PM
Hi Matt,

Thank you for the example. In order to achieve the desired outcome you should override the default k-button styling using custom CSS. For example: 

.k-button{
    margin-top: -6px;
    padding-top: 0;
    padding-bottom: 0;
}
Regards,
Iliana Nikolova
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
General Discussions
Asked by
iCognition
Top achievements
Rank 1
Iron
Answers by
Iliana Dyankova
Telerik team
iCognition
Top achievements
Rank 1
Iron
Share this question
or