title: How to align control in headerToolbar SAPUI5
body: <p>I've multiple control in one headerToolbar. I want to align one of them (Seach Field) at the right most. both images are from two different screen size. I use  because when i decrease the screen size seachfield should not hide and come at next line.
  <a href="https://i.stack.imgur.com/vEQsN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vEQsN.png" alt="Small Screen"></a>  <a href="https://i.stack.imgur.com/6kbMt.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6kbMt.png" alt="Large Scren"></a>
  I want to keep seach field at right most. 
  the code for this is </p>
  
  <pre><code>&lt;headerToolbar&gt;
  &lt;Toolbar id="dsdfgfanfgjd"&gt;
      &lt;content&gt;
          &lt;HBox width='100%' wrap='Wrap'&gt;
              &lt;items&gt;
                  &lt;FormattedText class="customPanelHeader"
                      htmlText=""/&gt;
                  &lt;ToolbarSpacer&gt;
                      &lt;layoutData&gt;
                          &lt;OverflowToolbarLayoutData priority="NeverOverflow" minWidth="22px"/&gt;
                      &lt;/layoutData&gt;
                  &lt;/ToolbarSpacer&gt;
                  &lt;SearchField id="searchFilter"  placeholder="filter value" value="{/searchFilter}" width="12em"
                      liveChange=".onChangedSearchFilter" valueLiveUpdate="true"/&gt;
              &lt;/items&gt;
          &lt;/HBox&gt;
      &lt;/content&gt;
  &lt;/Toolbar&gt;
  </code></pre>
  
  <p></p>