diff options
| author | qsm-odoo <qsm@odoo.com> | 2018-05-22 15:30:36 +0200 |
|---|---|---|
| committer | qsm-odoo <qsm@odoo.com> | 2018-07-27 12:36:54 +0200 |
| commit | 93b0001df6766fe905ee69c25ec8d846e4551064 (patch) | |
| tree | 3f88048d24818b6e8871ad6f00308d15f6105f73 /addons/website_links | |
| parent | 7822bab880809d7e88c4ce5b45761c97c3244388 (diff) | |
[REF] *: BS4, adapt forms
The 'form-horizontal' class have been removed; the '.form-group'
elements must now use the 'row' class for an horizontal layout.
The 'control-label' class was renamed to 'col-form-label'.
The 'help-block' class was renamed to 'form-text'.
The 'has-error' and 'has-success' classes have been removed and
replaced by a new system using the :valid and :invalid pseudo-classes,
when a parent has the 'was-validated' class. While this system is great,
it is not straightforward to use it in Odoo. Fortunately, BS4 provides
the 'is-valid' and 'is-invalid' classes as fallback. This commit
replaces the 'has-error' and 'has-success' classes by 'o_has_error' and
'o_has_success' classes (for JS compatibility) and use the 'is-*'
fallback classes. (The 'has-warning' class has no equivalent but was
unused in Odoo anyway).
Diffstat (limited to 'addons/website_links')
| -rw-r--r-- | addons/website_links/views/website_links_template.xml | 20 |
1 files changed, 10 insertions, 10 deletions
diff --git a/addons/website_links/views/website_links_template.xml b/addons/website_links/views/website_links_template.xml index 370ab1687ed..09f7ffc23e5 100644 --- a/addons/website_links/views/website_links_template.xml +++ b/addons/website_links/views/website_links_template.xml @@ -33,10 +33,10 @@ <div class="row"> <div class="col-md-7"> - <form class="form-horizontal" id="o_website_links_link_tracker_form"> + <form id="o_website_links_link_tracker_form"> - <div class="form-group" id="url-form-group"> - <label class="col-md-3 control-label text-left">URL</label> + <div class="form-group row" id="url-form-group"> + <label class="col-md-3 col-form-label text-left">URL</label> <div class="col-md-9"> <input type="text" id="url" class="form-control required-form-control" required="True" placeholder="e.g. https://www.odoo.com/page/contactus" t-att-value="u"/> @@ -44,24 +44,24 @@ </div> <div class="o_website_links_utm_forms"> - <div class="form-group"> - <label class="col-md-3 control-label">Campaign <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" role="img" aria-label="Tooltip info" title="Defines the context of your link. It might be an event you want to promote or a special promotion."></i></label> + <div class="form-group row"> + <label class="col-md-3 col-form-label">Campaign <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" role="img" aria-label="Tooltip info" title="Defines the context of your link. It might be an event you want to promote or a special promotion."></i></label> <div class="col-md-9"> <input type="hidden" class="form-control" id="campaign-select"/> </div> </div> - <div class="form-group"> - <label class="col-md-3 control-label">Medium <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" role="img" aria-label="Tooltip info" title="Defines the medium used to share your link. It might be an email, or a Facebook Ads for instance."></i></label> + <div class="form-group row"> + <label class="col-md-3 col-form-label">Medium <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" role="img" aria-label="Tooltip info" title="Defines the medium used to share your link. It might be an email, or a Facebook Ads for instance."></i></label> <div class="col-md-9"> <input type="hidden" class="form-control" id="channel-select" /> </div> </div> - <div class="form-group"> - <label class="col-md-3 control-label">Source <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" role="img" aria-label="Tooltip info" title="Defines the source from which your traffic will come from, Facebook or Twitter for instance."></i></label> + <div class="form-group row"> + <label class="col-md-3 col-form-label">Source <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" role="img" aria-label="Tooltip info" title="Defines the source from which your traffic will come from, Facebook or Twitter for instance."></i></label> <div class="col-md-9"> <input type="hidden" class="form-control" id="source-select" /> @@ -69,7 +69,7 @@ </div> </div> - <div class="form-group"> + <div class="form-group row"> <div class="offset-md-3 col-md-9"> <button type="submit" class="btn btn-primary" id="btn_shorten_url" data-clipboard-text="">Get tracked link</button> |