Change RadFilter HTML Output

4 posts, 1 answers
  1. July
    July avatar
    205 posts
    Member since:
    Jul 2011

    Posted 15 Aug 2011 Link to this post

    I need do something like Image attached (Search.jpg).

    I changed ths css and obtained layout such as captura1. jpg
    .RadFilter .rfField {
      display: block;
    }

    But then I add some express  , and I have a issue . Captura2.jpg

    How I can resolve this problem?



  2. July
    July avatar
    205 posts
    Member since:
    Jul 2011

    Posted 16 Aug 2011 Link to this post

    Please!! I need help!

    If I remove this:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    works perfectly..
    but if I add
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    Doesnt work!!!

    how I can do this??
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Answer
    Veli
    Admin
    Veli avatar
    2002 posts

    Posted 18 Aug 2011 Link to this post

    Hello Julieta,

    Removing the DOCTYPE definition from your page will have the browser render the page in quirks mode, instead of standard mode. Browsers rendering pages in quirks mode do not follow HTML standards and have unpredictable rendering. We highly recommend you do not remove the DOCTYPE. Try the following CSS instead:

    .RadFilter .rfField
    {
        display:block;
    }
             
    .RadFilter .rfDiv
    {
        margin-bottom:26px;
    }
             
    .RadFilter > ul > li > .rfDiv
    {
        margin-bottom:0;
    }

    With the above CSS, you can get the following layout for RadFilter:

    RadFilter with fields on 2 rows


    Veli
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  5. July
    July avatar
    205 posts
    Member since:
    Jul 2011

    Posted 18 Aug 2011 Link to this post

    Yes!!!!!!!!!
    this css works correctly!!!!!
    THANKS!

Back to Top