Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Sundance 12 posts 52 karma points
    Sep 01, 2014 @ 19:45
    Sundance
    0

    Updating backoffice property editor Views

    I'm wanting to add the word approximate next to all date fields. I know I can do this through a custom field, but we already have a bunch of things in place at this point and seems easier to just edit what's there.

    I went into /umbraco/views/propertyeditors/datepicker/datepicker.html and added the text in there, but it doesn't seem to show up on the backend. I've cleared all the temp files in the app_data, updated the clientdependancy config, cleared the cache in my browser, restarted IIS. None of that seems to have done the trick.

  • MK 429 posts 906 karma points
    Sep 02, 2014 @ 07:15
    MK
    0

    Hi,

     

    You can change the text or do the following:

    Try this (\Umbraco\Views\directives\umb-property.html):

    <div class="umb-property">

        <ng-form name="propertyForm">

            <div class="control-group umb-control-group" ng-class="{hidelabel:property.hideLabel}" >         

                <val-property-msg property="property"></val-property-msg>       

                <div class="umb-el-wrap">

                    <label class="control-label" ng-hide="property.hideLabel" for="{{property.alias}}">

                        <span ng-show="{{property.alias == 'date'}}">

                            approximate 

                        </span> {{property.label}}

                        <small>{{property.description}}</small>

                    </label>

                    <div class="controls controls-row" ng-transclude>

                    </div>

                </div>

            </div>

        </ng-form>

    </div>

  • MK 429 posts 906 karma points
    Sep 02, 2014 @ 08:30
    MK
    0

    If you want it right next to the field (right or left) just do this:

    /umbraco/views/propertyeditors/datepicker/datepicker.html 

    <div class="umb-editor umb-datepicker" ng-controller="Umbraco.PropertyEditors.DatepickerController">

        <span>

     

            approximate

     

        </span>

     

        <div class="input-append date datepicker" style="position: relative;" id="datepicker{{model.alias}}">        

            <input  name="datepicker" data-format="{{model.config.format}}" type="text" 

                    ng-model="model.value"   

                    ng-required="model.validation.mandatory"   

                    val-server="value" />

            <span class="add-on">

                <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>

            </span>        

        </div>

     

        <span class="help-inline" val-msg-for="datepicker" val-toggle-msg="required">Required</span>

        <span class="help-inline" val-msg-for="datepicker" val-toggle-msg="valServer">{{propertyForm.datepicker.errorMsg}}</span>

    </div>

    I managed to see it by clear browser cach in network tab
Please Sign in or register to post replies

Write your reply to:

Draft