Gridview paging fonts are smaller then the rest of the grid

[Joe Contreras]

Hi,
I'm running into an issue with the gridview.  The paging font is a lot smaller than the rest of the grid.  I've setup the skins global in the web.config that is it:
I have also attached a file to show the difference.  How can this be resolved?  I just need this out of the box, what am I missing?
Here's the code:

<appSettings>
    <add key="Telerik.Skin" value="Office2007"/>
  </appSettings>

Hi I haven't received any feedback.  I believe this to be an issue within Telerik.

[Konstantin Dikov]

Hi Joe,

Since we are not aware of such an issue with RadGrid and I am not able to replicate it on my end, could you please elaborate on what is your RadControls version you are using, if this is observable in all browsers and if you have custom CSS on your page.

Additionally, providing the markup and the code behind of your grid could help us replicate the issue locally.

Looking forward to your reply.


Regards,
Konstantin Dikov
Telerik

[Joe Contreras]

Hi I have the following:
Using Themes for ui controls:
FormControls.css

body {
}

.labelFont {
    font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
    font-size: .7em;
}

Formstyle.css

body {
    font-family: Helvetica, Arial,sans-serif;
}

fieldset {
    /*border: 1px solid #c6d8ee;*/
    border: 1px solid #6f91c5;
    /*background: #ddd;*/
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

    /*label {
    padding: 1px;
    display: block;
}*/

    fieldset legend {
        background: #6f91c5;
        color: #fff;
        padding: 5px 10px;
        font-size: 12px;
        border-radius: 5px;
        margin-left: 20px;
    }

#rinputs input {
    padding: 3px 3px 3px 5px;
    margin: 0 0 5px 0;
    width: 200px;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

table {
    border: 1px solid #CBDDF3;
    width: 75%;
    margin: 0 auto; /* or margin: 0 auto 0 auto */
}

th td {
    width: 10%;
    text-align: left;
    vertical-align: top;
    padding: 0.2em;
}

h3 {
    color: navy;
    text-align: left;
    font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
    font-size: 1.0em;
}

caption {
    padding: 0.3em;
    background: #CBDDF3;
    color: navy;
}

[Joe Contreras]

Also the page theme in web.config:

<pages theme="OneTrack" />

[Konstantin Dikov]

Hello Joe,

I am still not able to replicate the issue on my end.

Could you please try to temporarily remove the "theme" from the web.config (along with all custom styles on the page) and see if the issue is still observable.

Additionally, could you please provide information about the current RadControls version you are using, so we could try to replicate the issue locally. 

Looking forward to your reply.


Regards,
Konstantin Dikov
Telerik

[Joe Contreras]

Hi,

I was able to resolve the issue.  Using a Theme with Telerik there is some type of conflict once I remove the theme everything was working fine.

The new issue do Telerik global skinning work with themes from within asp.net.  I have label controls that I would like to format unless Telerik has label controls available.

Regards,
Joe

[Konstantin Dikov]

Hello Joe,

By design, the ASP Themes properties will override anything within the local page. This includes the grid styles. If you want the properties set within the local page to override the theme properties you will have to use StyleSheetTheme instead.

More information on this matter is available at the following MSDN article:

• Walkthrough: Customizing a Web Site Using Themes in Visual Studio

Hope that helps.

Regards,
Konstantin Dikov
Telerik