Style Form Fields

💬 General Discussion
1

Can anyone tell me if it is possible to style some form fields in a custom module to look like the ones attached?

Thanks.

2

Add the custom code for your field in editviewdefs.php

'customCode'=>'<div class="input-group">
  <span class="input-group-addon">$</span>
  <input type="text" class="form-control" id="YOURFIELDNAME" name="YOURFIELDNAME" aria-label="Amount (to the nearest dollar)">
  <span class="input-group-addon">.SY</span>
</div>'
2 Likes
3

Thanks! This works perfectly.

4

Quick follow up to this. I am trying to add the customCode to the details view so, for example, the budget field would display as “1,000.00 SY”. I have tried with no luck:

'customCode' => '<span class="sugar_field" id="so_budget>{$fields.so_budget.value}</span>
              <span class="input-group-addon">SY</span>',

Any thoughts?

5

I was able to work this out. There was something else causing the issue totally unrelated to the customCode block.