+1-888-365-2779
Try Now
More in this section

Forums / Designing & Styling / How to align the search button with the search text box in the search widget?

How to align the search button with the search text box in the search widget?

3 posts, 0 answered
  1. Sara
    Sara avatar
    2 posts
    Registered:
    08 Jun 2015
    13 Aug 2015
    Link to this post

    Recently upgraded to 7.3 and now the search widget is not formatted correctly.  At first I thought it was an issue with a style="width:100%" that gets dropped in with the new widget. So I moved the search box from the header and put it in a page by itself. I figured that would be plenty of room. However, even on a page by itself the search button drops underneath the textbox. No CSS I have tried does anything to it.

    It looks like this:

    [   search    text   box   goes    here  ]
    [button]

    It should be like this:

    [   search    text   box   goes    here  ] [button]

     

    Please advise. Thank you!

     

     

  2. Velizar Bishurov
    Velizar Bishurov avatar
    143 posts
    Registered:
    23 Sep 2016
    17 Aug 2015
    Link to this post
    Hi,

    There is a known issue with the RadControls adding a CSS rule that changes the box-sizing for all elements (*) to content-box. This has only been noted on the Page sharing widget thus far, but can be present on other widgets as well. Can you please try on a page that is not based on any template and does not have the page sharing widget.

    Furthermore the issue has been fixed in version 2015 Q2 of the RadControls which is the version included in Sitefinity 8.1.5800. If the issue is present on the empty page I would suggest upgrading to Sitefinity 8.1.5800.

    Regards,
    Velizar Bishurov
    Telerik
     
    Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Sitefinity CMS Ideas&Feedback Portal and vote to affect the priority of the items
     
  3. Sara
    Sara avatar
    2 posts
    Registered:
    08 Jun 2015
    25 Aug 2015 in reply to Velizar Bishurov
    Link to this post

    I was able to make this work by adding the following to our global search.css file:

     

    .header .sfsearchTxt {
     width: 150px !important;

    }

3 posts, 0 answered