• Image Centering Techniques You Should Know About

    Tuesday, November 18, 2008

    The following new code library entry demonstrates two alternative techniques for centering an image inside a RadAjaxLoadingPanel. Both techniques should not be something new for CSS-savy devs, however, we receive queries for them from time to time, so it will be good to have an example available online:

    How to Center Image In a RadAjaxLoadingPanel

     

    Full story
    0Comments
    Posted by: Dimo Dimov

  • Optimized Rendering and Skins for RadCalendar for ASP.NET AJAX

    Tuesday, October 14, 2008

    I have the pleasure to announce that RadCalendar for ASP.NET AJAX has undergone a considerable HTML and CSS optimization.

    As a result, the HTML output generated by the following RadCalendar declaration has dropped from 5,916 bytes to 3,905 bytes, or by 34%.


    <telerik:RadCalendar 
        ID="RadCalendar1" 
        runat="server" 
        Skin="Sunset" 
        ShowColumnHeaders="true" 
        ShowRowHeaders="true" 
        EnableViewSelector="true" 
        DayNameFormat="FirstTwoLetters" 
        ShowDayCellToolTips="false"> 
        <SpecialDays> 
            <telerik:RadCalendarDay 
                Repeatable="Today" 
                Date=...
    Full story
    2Comments
    Posted by: Dimo Dimov

  • Browser Inconsistencies with Scrolling and Padding

    Wednesday, July 23, 2008

    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"...
    Full story
    0Comments
    Posted by: Dimo Dimov

  • Opera 9.5 - Love at First Sight

    Friday, June 20, 2008

    The new Opera 9.5, released about a week ago, quite easily established itself as my default "home" browser. It is sooooo much faster than Firefox and Internet Explorer, especially when it comes to heavy web applications such as Gmail and Facebook (and doesn't hang either). And what's more, the Opera guys finally made the Alt + D keyboard shortcut focus the address bar as is in the other two browsers (stretching out to reach F8 was rather inconvenient. Happiness is in the small things, you know... :-) ).

    Opera 9.5 also includes DragonFly, which is the more powerful successor ...

    Full story
    3Comments
    Posted by: Dimo Dimov

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

    Tuesday, June 17, 2008

    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 ...
    Full story
    3Comments
    Posted by: Dimo Dimov

  • Title Attributes in CSS Link Tags Prevent Styles from Being Applied

    Thursday, May 15, 2008

    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 ...
    Full story
    6Comments
    Posted by: Dimo Dimov

  • Standard Compliant RadInput With No Tables

    Tuesday, February 05, 2008

    By popular demand, some Telerik web controls such as RadInput behave like inline-block elements, i.e. they do not force new lines on the page and at the same time, they obey width, height and other block-level-specific CSS properties.

    In addition, RadInput supports a scenario in which several HTML elements (Label, TextBox and a Button) occupy a preset amount of space, without calculating and changing these elements' widths with Javascript on the client.

    Unfortunately, all these requirements cannot be met with the current browser CSS support and CSS specification. That's why some of the features and functionalities are implemented at the cost of compromising web standards ...

    Full story
    0Comments
    Posted by: Dimo Dimov