Page History

Online demo to demonstrate how to use ConfiForms Field Definition to change the field's label

Via dialog

ConfiForms (FormView) Registrations Control

formName	myform

Embedded form

ConfiForms Form Definition

formName	myform
embedded	true

ConfiForms Form Definition

formName	myform
registrationFormTitle	Click on change field to see the label change

trueINLINE

changeChangecheckbox

fldThis is the label when uncheckedOriginal label texttext

change:truechangeLabel(formName, formId);Run custom JavaScriptchange

change:falsesetInitialLabel(formName, formId);Run custom JavaScriptchange

HTML

<script>
  function changeLabel(formName, formId) {
    if (isPageViewMode()) {
      alert(
      AJS.$(formName).find('.i_holdingrow_fld').find('#i_labelfor_fld').html('New label text<span style="color:red;font-weight: bolder;float: right;font-size: larger;">*</span>');
    }
  }

  function setInitialLabel(formName, formId) {
    if (isPageViewMode()) {
      AJS.$(formName).find('.i_holdingrow_fld').find('#i_labelfor_fld').html('Original label text');
    }
  }


  function isPageViewMode() {
   return AJS.$('#wysiwygTextarea_ifr').length === 0;
  }

</script>

Storage format for the solution / demo

Code Block

<p>Online demo to demonstrate how to use ConfiForms Field Definition to change the field's label</p>
<p>
  <br/>
</p>
<ac:structured-macro ac:macro-id="88a8cf4f-69d5-4fb0-b25f-0f345d55f89f" ac:name="confiform" ac:schema-version="1">
  <ac:parameter ac:name="formName">myform1</ac:parameter>
  <ac:parameter ac:name="registrationFormTitle">Click on change field to see the label change</ac:parameter>
  <ac:rich-text-body>
    <ac:structured-macro ac:macro-id="f2cd0d55-92da-469d-897d-8730fe3e4311" ac:name="confiform-entry-register" ac:schema-version="1">
      <ac:parameter ac:name="embedded">true</ac:parameter>
      <ac:parameter ac:name="atlassian-macro-output-type">INLINE</ac:parameter>
      <ac:rich-text-body>
        <p>
          <br/>
        </p>
      </ac:rich-text-body>
    </ac:structured-macro>
    <p>
      <ac:structured-macro ac:macro-id="90782ecc-2c2e-45e3-a71f-e0e937a932f4" ac:name="confiform-field-definition" ac:schema-version="1">
        <ac:parameter ac:name="fieldName">change</ac:parameter>
        <ac:parameter ac:name="fieldLabel">Change</ac:parameter>
        <ac:parameter ac:name="type">checkbox</ac:parameter>
      </ac:structured-macro>
    </p>
    <p>
      <ac:structured-macro ac:macro-id="c39eaa9d-bff2-4f15-999f-cda478fe327a" ac:name="confiform-field-definition" ac:schema-version="1">
        <ac:parameter ac:name="fieldName">fld</ac:parameter>
        <ac:parameter ac:name="fieldLabel">Original label text</ac:parameter>
        <ac:parameter ac:name="type">text</ac:parameter>
      </ac:structured-macro>
    </p>
    <p>
      <ac:structured-macro ac:macro-id="154f51cd-b772-4394-a81b-3e4088f527d8" ac:name="confiform-field-definition-rules" ac:schema-version="1">
        <ac:parameter ac:name="condition">change:true</ac:parameter>
        <ac:parameter ac:name="values">changeLabel(formName, formId);</ac:parameter>
        <ac:parameter ac:name="action">Run custom JavaScript</ac:parameter>
        <ac:parameter ac:name="actionFieldName">change</ac:parameter>
      </ac:structured-macro>
    </p>
    <p>
      <ac:structured-macro ac:macro-id="d594b214-fc73-49bc-8246-fef23e63f494" ac:name="confiform-field-definition-rules" ac:schema-version="1">
        <ac:parameter ac:name="condition">change:false</ac:parameter>
        <ac:parameter ac:name="values">setInitialLabel(formName, formId);</ac:parameter>
        <ac:parameter ac:name="action">Run custom JavaScript</ac:parameter>
        <ac:parameter ac:name="actionFieldName">change</ac:parameter>
      </ac:structured-macro>
    </p>
  </ac:rich-text-body>
</ac:structured-macro>
<ac:structured-macro ac:macro-id="9c1a3ad6-f46c-47cc-9935-9a42ffef665b" ac:name="html" ac:schema-version="1">
  <ac:plain-text-body><![CDATA[<script>
  function changeLabel(formName, formId) {
    if (isPageViewMode()) {
      AJS.$(formName).find('.i_holdingrow_fld').find('#i_labelfor_fld').html('New label text<span style="color:red;font-weight: bolder;float: right;font-size: larger;">*</span>');
    }
  }

  function setInitialLabel(formName, formId) {
    if (isPageViewMode()) {
      AJS.$(formName).find('.i_holdingrow_fld').val()find('#i_labelfor_fld').html('Original label text');
    }
  }


  function isPageViewMode() {
   return AJS.$('#wysiwygTextarea_ifr').length === 0;
  }

</script>]]></ac:plain-text-body>
</ac:structured-macro>

Versions Compared

Old Version 1

New Version Current

Key