How to get rid of the white space between title and header

[Joseph Hua]

My RadDatePicker has a white space bwtween the title and the header which I don't like. How to get rid of it?
My RadDatePicker is like this now:

<

 

telerik:RadDatePicker ID="calDate" Runat="server" AutoPostBack="True" Width="95px" Skin="" EnableEmbeddedBaseStylesheet="false"

 

 

Culture="English (United States)" >

 

 

<Calendar UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False"

 

 

ViewSelectorText="x" ShowRowHeaders="false" BorderStyle="Solid" NavigationPrevText="&lt; Prev" NavigationNextText="Next &gt;" NavigationCellPadding="0" NavigationCellSpacing="3"

 

 

BorderWidth="0px" BorderColor="#573d08" CalendarTableStyle-BackColor="Control" FastNavigationStyle-BackColor="White" HeaderStyle-BackColor="#23476d" HeaderStyle-ForeColor="#ccffff"

 

 

TitleStyle-BackColor="#333333" TitleStyle-HorizontalAlign="Center" TitleStyle-ForeColor="White" SelectedDayStyle-BackColor="Orange" SelectedDayStyle-BorderStyle="Solid" SelectedDayStyle-BorderWidth="1px" SelectedDayStyle-BorderColor="#cccccc" DayStyle-BorderColor="#cccccc" DayStyle-BorderStyle="Solid" DayStyle-BorderWidth="1px" DayNameFormat="FirstTwoLetters" DayStyle-BackColor="White" DayStyle-Width="13px" DayStyle-ForeColor="#333333"

 

 

WeekendDayStyle-Width="13px" Width="130px" Height="100px" ShowOtherMonthsDays="false" SingleViewRows="5" CssClass="formInput" FastNavigationStep="2" FastNavigationNextText="" FastNavigationPrevText="" >

 

 

<ClientEvents OnLoad="calendarLoad" />

 

 

</Calendar>

 

 

<DatePopupButton ImageUrl="res/btn_calsm.png" HoverImageUrl="res/btn_calsm.png" ToolTip=""></DatePopupButton>

 

 

<DateInput DisplayDateFormat="M/d/yyyy" DateFormat="M/d/yyyy" AutoPostBack="True"></DateInput>

 

 

</telerik:RadDatePicker>

Thanks for help!

 

Joseph

[Dimo]

Hi Joseph,

Please add the following CSS rule to your web page:

.rcTitlebar,
.rcMain
{
    padding:0;
}

Greetings,
Dimo
the Telerik team