Read variable data in custom task form

Camunda 7 Topics Discussion & Questions
1

Hi, I’ve just learned to integrate the custom form. Which is great. However, I’m looking for ways to read variable data within the form itself dynamically.

Here’s custom form look like in which I’m trying to read the variable value for ‘JoinMeetingURL’.

<p>
    Demo custom form
</p>
<form class="form-horizontal">
    <div class="control-group">
        
        <div class="controls">
            <p class="input-group">
                
                <label for="joinMeetingURL">Teams Meeting</label>
                <label>#{task.name}</label>
            
            </p>
        </div>
    </div>

</form>

But it doesn’t show the value for ‘JoinMeetingURL’ on the form, and it looks like this on the tasklist.

image
image1323×423 13.9 KB

Would appreciate if someone explain how can I able to read the variable data in the custom forms. Thank you

2

Hi guys, I was able to read the variable. Below code help me read it.

<p>
    Demo custom form
</p>
<form class="form-horizontal">
    <div class="control-group">

        <div class="controls">

            <label>{{ joinMeetingURL }}</label>

        </div>
    </div>




<script cam-script type="text/form-script">
    camForm.on('form-loaded', function() {
      camForm.variableManager.fetchVariable('joinMeetingURL');

    });
    camForm.on('variables-restored', function() {
      $scope.joinMeetingURL = camForm.variableManager.variableValue('joinMeetingURL');

      console.log("setting variables to scope");
    });
</script>
1 Like