title: Conditional alignment of textfields
body: <p>I am designing a template for an image which will have the product price (being taken from a datasource). If the product has a strikeout-price, the image displays it followed by the current price. If there is no strikeout-price, only the current price is displayed.</p>
  
  <p>All works fine except the alignment of the prices when there is no strikeout-price. Both prices need to be horizontally together, and center-aligned in either case. But I am not able to center-align the current price textfield, if the strikeout-price is null/blank. When there is a strikeout-price, it is not a problem, as both textfields are aligned properly in the designer view.</p>
  
  <p>Also, how can I put conditional formatting based on the availability of strikout-price? If the strikeout-price is not present, the font color of the current price should be different than when there is a strikeout-price.</p>
  
  <p>EDIT: Images of both cases below</p>
  
  <p>When Strikeout-price is available, this is how it should look:</p>
  
  <p><img src="https://i.stack.imgur.com/9tauk.jpg" alt="When Strikeout-price is available, this is how it should look"></p>
  
  <p>When Strikeout-price is not available, the textfield with price shown should be center-aligned:</p>
  
  <p><img src="https://i.stack.imgur.com/6VTwU.jpg" alt="When Strikeout-price is not available, the textfield with price shown should be center-aligned"></p>