• .NET Mobile

    Browser Inconsistencies with Scrolling and Padding

    The other day I was researching a slight RadGrid header and data cell misalignment when using scrolling with static headers. Finally, it turned out that there is a breaking change in the way Firefox 3 treat scrollable elements with an applied padding style. To be more specific, this browser version does not include the padding zone into the scrollable area, and as a result, the inner area of the element becomes smaller. Safari 2 and 3 behave the same way. Here is a very simple testing scenario:   <div style="width:400px">      <div style="width:100px;padding-right:300px;background:orange;overflow:auto">          <div style="width:500px;height:100px;background:yellow">&nbsp;</div>      </div>  </div>      The above HTML code will be displayed by Firefox 3, Firefox 2, IE7, Opera 9 and Safari...
    July 23, 2008
  • .NET Mobile

    How To Override Styles in a RadControl for ASP.NET AJAX' Embedded Skin

    In the era of the "classic" RadControls for ASP.NET modifying a skin required opening ~ / RadControls / [ControlName] / Skins / [SkinName] / styles.css and making the necessary changes. The new RadControls for ASP.NET AJAX (formerly known as "Prometheus") by default use skins, which are embedded in the assembly. This simplifies deployment but sacrifices customization. Or does it? Actually, making a change to an embedded skin of a RadControl for ASP.NET AJAX is quite easy, given that one keeps in mind a couple of notable things. Namely: (1) Since the embedded skin cannot be modified, the custom styles need to be placed elsewhere. For example ...
    June 17, 2008
  • .NET Mobile

    Title Attributes in CSS Link Tags Prevent Styles from Being Applied

    I have been aware for some time now that title attributes in CSS <link> tags trigger problems and prevent some CSS styles from being applied on the web page. Today I invested a couple of hours in finding out what actually happens and this is what we've got. If you have several <link> tags in the page <head> and one of them has a title attribute, then the <link> tags coming after it must either have a title attribute with the same value or no title attribute at all, otherwise the styles in the latter CSS files the will not be applied on the...