Change default "--None--" text be changed?

edited September 12, 2019 in Questions
Is it possible to change the default "--None--" value (when you have a required field and enable the 'Add "None" option') to different text?  In our case, we would like to tell the user to select something ("Select..." for example) whereas "--None--" implies they selected "None" as their value.  This is especially confusing when the dropdown includes the value "None" as one of the options.

Maybe this can be done with labels / translations?

Thanks as always!

- Chris

Comments

  • edited March 2, 2017
    Hi Chris,

    This is possible several ways, depending on how widely you want this change to be applied. In both cases, you will be overriding the Custom Label "select_option_none" that Skuid is referencing internally.

    (a) To apply it globally (across all Skuid Pages), you can use Translation Workbench to create a Local Translation/Override.
    (b) To apply it locally (on a particular Skuid Page), you can use a JavaScript Resource of type Inline to overwrite the value for the custom label that Skuid loads in by default.

    Either way, the effect is the same. Here for our example, we're replacing "--None--" with "Select an Option...":



    Here is an explanation of how to do each of these strategies:

    (a) Global override
    1. Enable Translation Workbench -- go to Setup > Translation Workbench, and click Enable.
    2. Add English as Language you want to Translate, and make yourself a Translator. (kind of weird, but this is how you do Local Overrides)
    3. Go to Setup > Custom Labels, and search for the label called "Select Option None" (API Name "Select_Option_None" in the Skuid package.
    4. Click to create a new Local Translation / Override.
    5. Select English as the Language, and then enter your text, e.g. "Select an Option...", for the Translation Text.
    6. Click Save.



    (b) Local override
    1. Go to the Page Composer for the particular Skuid Page where you'd like this override to be made.
    2. Add a new JavaScript Resource.
    3. Set its type to "Inline" (NOT Inline Snippet!!)
    4. Enter the following for the Resource Body:
    (function(skuid){        skuid.label.add({
          "select_option_none":"Select an Option..." 
       });
    })(skuid);
    5. Click Save.



  • Jack SanfordJack Sanford San Antonio, TX 💎💎
    edited September 12, 2019
    Zach, is there any way to do this on just one single field on a page? I want to change just a single field to "Prefer not to answer", which makes things awkward for some other picklists. 
  • Craig RosenbaumCraig Rosenbaum ✭✭✭✭
    edited August 23, 2016
    I am in need of the same thing.
  • Matt SonesMatt Sones 💎💎💎
    edited July 12, 2017
    Has anyone found a way to do this for a single field?
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!