Styling problem.

[Jonny]

I've taken the example off http://demos.kendoui.com/web/datepicker/index.html an as you can see from the attached screenshot the background is all messed up.

I'm using it from a Asp.net MVC 3 point of view.

Can any one help?
  

[Iliana Dyankova]

Hello Ben,

I am not sure what causes this styling issue in your application. Could you please provide a sample project that could be examined in details? This way I will be able to observe the problem and advice you further. Thank you in advance. 
 
Greetings,
Iliana Nikolova
the Telerik team

[Jonny]

Please find attached.

I think it something to do with site.css but I have no idea which part.

Thanks for the help.

[Iliana Dyankova]

Hello Ben,

Thank you for sending your project. I examined it and it seems the problem is caused by the following styling in the Site.css file: 

#register-content label, input, select, textarea
{
  display: block;
  width: 200px;
  float: left;
}

Such selector sets this styling to the label of the element with "id = register-content" and all input, select, textarea elements in the project - this breaks the design of the DatePicker. In order to remove the issue you should not float the input element from which the DatePicker is initialized. 

On a side note, if you want to style the aforementioned html elements only in the element with "id = register-content" the needed selector is:

#register-content label, #register-content input, #register-content select, #register-content textarea
{
  display: block;
  width: 200px;
  float: left;
}

 
I hope this helps.

Greetings,
Iliana Nikolova
the Telerik team

[Jonny]

Thanks for you help, it has solved my issue

[srinivas]

Hi,

In the demo given for the listview. In the <style scoped> tag you guys are defining the .product and some other classes which are defined in the demo. Can i give the .product styling in the site.css file. So that i can use the same classes in all of my listviews. Or there will be
 any other methods to do the styling. 


Regards,
Srinivas