Is it possible to customise the Search box by swapping the controls(Drop down and Search Box) without creating a custom code and by using SharePoint designer. I want to show the search box first and then the drop down selection.

2 Answers 2


Since server-side code is not an option, you might want to use CSS added via SharePoint Designer into your masterpage. However, this requires quite some effort to figure out how to shuffle those HTML elements around using CSS like the below example code on the built-in searchbox HTML elements:

<style type="text/css">
#s4-searcharea .s4-search .ms-sbcell
  position: relative;
  right: 200px;
#s4-searcharea .s4-search .ms-sbscopes
  right: -200px;

You might have to experiment a little bit with the pixel adjustment, but it should serve you as a starting point.

Hope that helps.


off course you can. Usually I suggest to deploy a delegate control. You can find more information in this link: http://salvatoredifaziosharepoint.blogspot.co.uk/2012/02/delegate-controls-small-search-input.html

  • This requires a custom solution deployment. Is it possible using SharePoint designer. Apr 8, 2013 at 12:04
  • 1
    you have to modify the css and the javascript Apr 8, 2013 at 13:16

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.