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
  • This forum is in read-only mode while we transition to the new forum.

    You can continue this topic on the new forum by tapping the "Continue discussion" link below.

Please Sign in or register to post replies