Styling of footer elements missing/broken

5 posts, 0 answers
  1. G S S
    G S S avatar
    85 posts
    Member since:
    Mar 2008

    Posted 19 Sep 2009 Link to this post

    I have enabled paging on my rad grid but this seems to not fit in with the design of the RAD Grid.

    To see what I mean, visit www.theplaygrounds.co.uk/Labs.aspx you can see the select button is not correctly styled/placed. If you click the number in the footer (For which I assume is the number of rows per page) then you get the drop down but this does not seem to look right, either.

    What can be causing this? As the styling of the grid elements themselves is done all by Telerik, I am at a loss.

    Thanks
  2. Mr. Plinko
    Mr. Plinko avatar
    56 posts
    Member since:
    Jul 2009

    Posted 23 Sep 2009 Link to this post

    I am wondering if you are using the Black skin or a custom skin. I found that when I use a custom skin for my RadGrid, I have to include the CSS file for RadComboBox (for paging) and RadMenu (for the context menu). It seems like on your page that you are using a custom skin (the rows are all black making me second guess). If that is the case, make sure you also pull in the css for the combobox!!! This should make your visual errors go away.

    Helpful?
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. G S S
    G S S avatar
    85 posts
    Member since:
    Mar 2008

    Posted 23 Sep 2009 Link to this post

    Hi,

    That sounds like the solution but I can't test due to errors in my site (coding side).

    However, I have no css for the combobox but I do for slider, calendar, and menu (I am using a custom style built using the visual style builder)?

    Thanks
  5. G S S
    G S S avatar
    85 posts
    Member since:
    Mar 2008

    Posted 25 Sep 2009 Link to this post

    That hasn't worked.

    My css files (in the head section) or the page in question is as follows:

      <link href="Content/New.css" rel="stylesheet" type="text/css" />


        <link href="Content/New.css" rel="stylesheet" type="text/css" />
        <link href="test/Menu.test.css" rel="stylesheet" type="text/css" />
        <link href="test/Input.test.css" rel="stylesheet" type="text/css" />
        <link href="test/Slider.test.css" rel="stylesheet" type="text/css" />
        <link href="test/Grid.test.css" rel="stylesheet" type="text/css" />

    The last 4 css files are from my custom style (nothing for combobox though). What can I do?
  6. Mr. Plinko
    Mr. Plinko avatar
    56 posts
    Member since:
    Jul 2009

    Posted 01 Oct 2009 Link to this post

    Just go to the visual style builder and make a combobox skin and download it to drag into your file.

    I already started one for you:
    http://stylebuilder.telerik.com/Advanced.aspx?Control=ComboBox&Skin=test

    it should all work as long as you keep it named "test" and then drag the folder and .css file to your 'test' theme folder and drag it to your head section.
    <link href="test/ComboBox.test.css" rel="stylesheet" type="text/css" />
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017