style pagesize

[Spire]

Hi,

I'm have problems styling a page-size dropdown box in a Radgrid. The Page-size dropdown is to big in width and height.

Link to my page

http://dev2.spireweb.no/resultat.aspx?pid=15&type=simpel&q=test

Could anyone help me please?

[Princy]

Hello Spire,

Access the PageSize ComboBox of grid from code behind and set its height and width accordingly .

C#:

protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)
    {
        if (e.Item is GridPagerItem)
        {
            RadComboBox combo = (RadComboBox)e.Item.FindControl("PageSizeComboBox");
            combo.Height = System.Web.UI.WebControls.Unit.Pixel(100);
            combo.Width = System.Web.UI.WebControls.Unit.Pixel(100);
        }
    }

Or add the following css in your page.

CSS:

<style type="text/css">
.RadGrid_Default .rgPager .RadComboBox
{
      width:50px !important;
}
</style>

Thanks,
Princy.

[Dimo]

Hi,

The problem is that RadComboBox inherits padding styles from the web page:

div#result table tr td
{
    padding:4px;
    vertical-align:top;
}

Using CSS selectors with IDs inside them produces a very high specificity (one ID gives 100 specificity points), which easily overrides other styles, e.g. the ones of RadControls, which use only HTML elements (1 specificity point) and CSS classes in the selectors (one CSS class = 10 specificity points).


CSS Specificity Things You Should Know About

Cascading Order (W3C CSS Standard)

CSS: What Happens When a Conflict Occurs


All the best,
Dimo
the Telerik team