Details
-
Type:
Sub-task
-
Status: Done/Fixed
-
Priority:
Minor
-
Resolution: Fixed/Completed
-
Affects Version/s: 4.3.0
-
Fix Version/s: 4.3.0
-
Component/s: CiviCRM Profile
-
Labels:None
Description
The "Canvas" section currently looks fairly weak. Although we don't need it to be truly WYSIWYG, it could still be improved. For example:
- The gray boxes should probably be aligned in a column with a consistent width.
- The padding and borders used on expandable "details" looks weird.
- The help in the expandable "details" takes a lot of space; other forms in the application (like /civicrm/admin/uf/group/update) provide a nice help UI (icon+popup) that could be used here.
So far I've managed to get very frustrated with Backbone.Forms - overriding their templates turned out to be both easy and pointless. Easy because you can pass in a compiled template and so can use any templating system you want - I elected to use the same one we're already using and appended a few form templates to the ProfileEditor.tpl.
Pointless because there is no mechanism for passing arbitrary variables to the template, nor is there any way of preprocessing the data sent to the template. So now I've commented out the template override (crm.designer.js line 5) and instead am appending the help icon to the field title, which feels disappointingly hackish.