[Solved] DatePicker with in PanelBar in PartialView

[CodeAddict]

I am having a rendering issue when putting a DatePicker from a partial view within the PanelBar.

I am added the tab as follows:
.Items(items =>
{
items.Add()
                .ImageUrl("~/Content/Home/calendarImage.png")
                 .Text("Calendar")
                 .LoadContentFrom(Url.Action("_Menu", "Calendar"));
}
The partial view simply contains:
@(Html.Telerik().Calendar()
        .Name("Calendar")
        .Value((DateTime)ViewBag.selectedDate)        
)

What I am finding is that the DatePicker is not only rendering really ugly, but the back button is not going to the proceeding month but to some month selector.

I have stripped the PanelBar down to it's bare bones but still no luck.  I have also tried putting the calendar into a spitter section and it renders fine there.

Please respond soon as I am working on a demo for a client that is considering purchasing the licences.

Thank you,

[Georgi Tunev]

Hi Codeaddict,

To avoid the problem, you could use the following style in your masterpage:

.t-panelbar .t-calendar .t-link
{
    padding: 0;
    line-height: normal;
}

.t-panelbar .t-calendar td .t-link
{
    padding-bottom: 0.3em;
    padding-left: 0.1em;
    padding-right: 0.45em;
    padding-top: 0.25em;
}

For convenience I added a small sample that shows this approach in action

All the best,
Georgi Tunev
the Telerik team

[CodeAddict]

Thanks that helped a lot.  There are still some display issues but I can try and work around those issues on my own.