How can be reduce the size of the widget of the Calendar

How can be reduce the size of the widget of the Calendar

  

I can't able to change the size of the Calendar height  and width.And the class Name also Not showing in my base theme.In My SEARCH FLIGHT SCREEN.

Calendar is a RichWidget component and CSS for that will not be shown in your base theme. If you need to modify this component, you need to copy that component from Rich Widgets into your module and modify as per your needs.

Thanks and Regards,

Suraj Borade

Thanks You Suraj Borade

     Sorry for my late Reply.Still My problem is not solved I cannot able to reduced the size of the calendar.




Thanks & Regards

Mansoor Ali

Hi Mansur,

Copy the calendar control in your application and make changes in below CSS classes of that control.

SyntaxEditor Code Snippet

div.calendar,
div.calendar table {
    font-size: 7px;
    cursor: default;
    background-color: white;
    border-collapse: collapse;
}
div.calendar tbody .day {
    background: #fff;
    color: #555;
    text-align: center;
/*remove this padding*/padding: 3px 8px 2px 8px; 
}

Hope this helps.

Thanks and Regards,

Suraj Borade

Hi Suraj Borade,

 

Thank you it's working



Thanks & Regards,

Mansoor Ali

Solution

It's a pleasure. Plz mark the post as solution.

Solution