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.
Unfortunately, activation email could not send to your email. Please try again.

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

Thread ID:

Created:

Updated:

Platform:

Replies:

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

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 06:50 AM

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 07:08 AM

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.

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.

;