We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on : Nov 16th 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to remove Ribbon's top white space above the tabs?

Thread ID:

Created:

Updated:

Platform:

Replies:

124375 Jun 6,2016 06:33 AM UTC Jun 7,2016 11:08 AM UTC JavaScript 2
loading
Tags: ejRibbon
James Pham
Asked On June 6, 2016 06:33 AM UTC

Hi, which CSS attribute removes the white area above the ejRibbon tabs (highlighted red in the screenshot attachment)?



Attachment: Ribbon_Top_Highlighted_e1b80d14.zip

Kavitha Narayanan [Syncfusion]
Replied On June 7, 2016 10:50 AM UTC

Hi James, 
 
Thank you for contacting Syncfusion support. 
 
Query: which CSS attribute removes the white area above the ejRibbon tabs  
 
We used padding-top CSS property to remove the white space of the Ribbon control. 
 
Please refer to the code and sample. 
 
 
.row .cols-sample-area { 
            padding-top: 0px; !important; 
        } 
 
 
 
Regards, 
Kavitha N. 
 


Kavitha Narayanan [Syncfusion]
Replied On June 7, 2016 11:08 AM UTC

Hi James, 
 
Please ignore the previous update. 
 
Query: which CSS attribute removes the white area above the ejRibbon tabs  
 
We have set height and margin top to the Ribbon header for remove the white area. 
 
Please refer to the code and sample. 
 
 
<style> 
        .e-ribbon .e-header>li{ 
            margin-top: 0px !important; 
        } 
        .e-ribbon.e-js>.e-header{ 
            height: 33px; 
        } 
        </style> 
 
 
 
Regards, 
Kavitha N. 
 
 
 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;