Granite multifield widget not working on DialogParticipant workflow step in touch UI | Community
Skip to main content
P
pankaj49319
Level 2
October 15, 2018
Solved

Granite multifield widget not working on DialogParticipant workflow step in touch UI

  • October 15, 2018
  • 7 replies
  • 2501 views

I am creating a workflow with dialog participant step having dialog compatible with classic UI and Touch UI both. I want a simple multifield widget in dialog with textfield.

Touch UI dialog is opening fine in Touch UI while trying to complete step but multifield widget is showing without Add Field button.

Having the same field structure with component dialog on a page seem to work fine.

I am suspecting it could be due to the way a custom dialog is injected  in workflow participant dialog step,

I would appreciate any help on this!

Below is the snippet of the field and how field is showing on the dialog

                    <adhoc-notifications-emails

                        jcr:primaryType="nt:unstructured"

                        sling:resourceType="granite/ui/components/foundation/form/multifield"

                        fieldLabel="Adhoc Notificiation Email Addresses">

                        <field

                            jcr:primaryType="nt:unstructured"

                            sling:resourceType="granite/ui/components/foundation/form/textfield"

                            name="translation-review-adhoc-additional-emails"

                            required="false"/>

                    </adhoc-notifications-emails>

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by arunpatidar

Sure Scott.

<?xml version="1.0" encoding="UTF-8"?>

<jcr:root xmlns:sling="http://sling.apache.org/jcr/sling/1.0" xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0" xmlns:nt="http://www.jcp.org/jcr/nt/1.0"

    jcr:primaryType="nt:unstructured"

    jcr:title="Touch UI Dialog Listeners"

    sling:resourceType="cq/gui/components/authoring/dialog">

    <content

        jcr:primaryType="nt:unstructured"

        sling:resourceType="granite/ui/components/coral/foundation/container">

        <items jcr:primaryType="nt:unstructured">

            <reviewer

                jcr:primaryType="nt:unstructured"

                sling:resourceType="granite/ui/components/coral/foundation/form/select"

                fieldLabel="Select Reviewer"

                grpName="my-reviewer"

                name="./jcr:content/mywfreviewer">

                <datasource

                    jcr:primaryType="nt:unstructured"

                    sling:resourceType="/apps/common/workflow/group/fetchusers"/>

            </reviewer>

            <approver

                jcr:primaryType="nt:unstructured"

                sling:resourceType="granite/ui/components/coral/foundation/form/select"

                fieldLabel="Select Approver"

                grpName="my-approver"

                name="./jcr:content/mywfapprover">

                <datasource

                    jcr:primaryType="nt:unstructured"

                    sling:resourceType="/apps/common/workflow/group/fetchusers"/>

            </approver>

            <multifieldcollection

                jcr:primaryType="nt:unstructured"

                sling:resourceType="granite/ui/components/coral/foundation/form/multifield"

                composite="{Boolean}true"

                fieldDescription="Click + to add a new page"

                fieldLabel="Multifield collection"

                name="./multiCol">

                <field

                    jcr:primaryType="nt:unstructured"

                    sling:resourceType="granite/ui/components/coral/foundation/container"

                    name="./items">

                    <items jcr:primaryType="nt:unstructured">

                        <linkurl

                            jcr:primaryType="nt:unstructured"

                            sling:resourceType="granite/ui/components/coral/foundation/form/pathfield"

                            fieldDescription="Select Link Path"

                            fieldLabel="Link Url"

                            name="./linkUrl"/>

                        <enterlinktext

                            jcr:primaryType="nt:unstructured"

                            sling:resourceType="granite/ui/components/coral/foundation/form/textfield"

                            fieldDescription="Enter Link Text"

                            fieldLabel="Link Text"

                            name="./linkText"/>

                        <new-window

                            jcr:primaryType="nt:unstructured"

                            sling:resourceType="granite/ui/components/coral/foundation/form/radiogroup"

                            fieldDescription="Select Link Path"

                            fieldLabel="Open in New Window"

                            name="./newTar">

                            <items jcr:primaryType="nt:unstructured">

                                <Yes

                                    jcr:primaryType="nt:unstructured"

                                    text="Yes"

                                    value="1"/>

                                <No

                                    jcr:primaryType="nt:unstructured"

                                    text="No"

                                    value="0"/>

                            </items>

                        </new-window>

                    </items>

                </field>

            </multifieldcollection>

        </items>

    </content>

</jcr:root>

7 replies

smacdonald2008
smacdonald2008
Level 10
October 15, 2018

In another thread - we determined that the JS is not loading. Seens to be a bug with dialogs like this and workflows. If you get no answer - then open a ticket.

arunpatidar
Community Advisor
arunpatidarCommunity Advisor
Community Advisor
October 16, 2018

Hi,

Please check your multifield node structure , it is not correct. Working for me.

Arun Patidar
smacdonald2008
smacdonald2008
Level 10
October 16, 2018

Arun - can you share your dialog in this thread so ppl can test that one that works for you.

arunpatidar
Community Advisor
arunpatidarCommunity AdvisorAccepted solution
Community Advisor
October 17, 2018

Sure Scott.

<?xml version="1.0" encoding="UTF-8"?>

<jcr:root xmlns:sling="http://sling.apache.org/jcr/sling/1.0" xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0" xmlns:nt="http://www.jcp.org/jcr/nt/1.0"

    jcr:primaryType="nt:unstructured"

    jcr:title="Touch UI Dialog Listeners"

    sling:resourceType="cq/gui/components/authoring/dialog">

    <content

        jcr:primaryType="nt:unstructured"

        sling:resourceType="granite/ui/components/coral/foundation/container">

        <items jcr:primaryType="nt:unstructured">

            <reviewer

                jcr:primaryType="nt:unstructured"

                sling:resourceType="granite/ui/components/coral/foundation/form/select"

                fieldLabel="Select Reviewer"

                grpName="my-reviewer"

                name="./jcr:content/mywfreviewer">

                <datasource

                    jcr:primaryType="nt:unstructured"

                    sling:resourceType="/apps/common/workflow/group/fetchusers"/>

            </reviewer>

            <approver

                jcr:primaryType="nt:unstructured"

                sling:resourceType="granite/ui/components/coral/foundation/form/select"

                fieldLabel="Select Approver"

                grpName="my-approver"

                name="./jcr:content/mywfapprover">

                <datasource

                    jcr:primaryType="nt:unstructured"

                    sling:resourceType="/apps/common/workflow/group/fetchusers"/>

            </approver>

            <multifieldcollection

                jcr:primaryType="nt:unstructured"

                sling:resourceType="granite/ui/components/coral/foundation/form/multifield"

                composite="{Boolean}true"

                fieldDescription="Click + to add a new page"

                fieldLabel="Multifield collection"

                name="./multiCol">

                <field

                    jcr:primaryType="nt:unstructured"

                    sling:resourceType="granite/ui/components/coral/foundation/container"

                    name="./items">

                    <items jcr:primaryType="nt:unstructured">

                        <linkurl

                            jcr:primaryType="nt:unstructured"

                            sling:resourceType="granite/ui/components/coral/foundation/form/pathfield"

                            fieldDescription="Select Link Path"

                            fieldLabel="Link Url"

                            name="./linkUrl"/>

                        <enterlinktext

                            jcr:primaryType="nt:unstructured"

                            sling:resourceType="granite/ui/components/coral/foundation/form/textfield"

                            fieldDescription="Enter Link Text"

                            fieldLabel="Link Text"

                            name="./linkText"/>

                        <new-window

                            jcr:primaryType="nt:unstructured"

                            sling:resourceType="granite/ui/components/coral/foundation/form/radiogroup"

                            fieldDescription="Select Link Path"

                            fieldLabel="Open in New Window"

                            name="./newTar">

                            <items jcr:primaryType="nt:unstructured">

                                <Yes

                                    jcr:primaryType="nt:unstructured"

                                    text="Yes"

                                    value="1"/>

                                <No

                                    jcr:primaryType="nt:unstructured"

                                    text="No"

                                    value="0"/>

                            </items>

                        </new-window>

                    </items>

                </field>

            </multifieldcollection>

        </items>

    </content>

</jcr:root>

Arun Patidar
    P
    pankaj49319Author
    Level 2
    October 17, 2018

    Thank you Arun,

    I noticed that you were using Coral UI components which seemed to be working fine,

    And I was using granite ui components which didn't work, I had this question stemming whether to use Granite or Coral widget components.

    Do you happen to know which of the two is preferred, I am going to ask this question on forum anyway.

    Thanks again.

    arunpatidar
    Community Advisor
    arunpatidarCommunity Advisor
    Community Advisor
    October 17, 2018

    HI,

    I would go for Granite(Coral3) over it previous version of Coral2.

    It should work with coral2 as well, because If you see your dialog, it should be in below structure in coral2

    1. Add the following properties to the adhoc-notifications-emails node.

    • sling:resourceType (String) - granite/ui/components/foundation/form/multifield
    • class (String) - full-width
    • fieldLabel (String) -URLs
    • fieldDescription (String) - Click '+' to add a new mail

    2. Click on the following node: adhoc-notifications-emails.

    3. Right click and select Create, Create Node.

    4. Enter the following values:

    • Name: field
    • Type: nt:unstructured

    5. Add the following properties to the field node.

    • sling:resourceType (String) -granite/ui/components/foundation/form/fieldset
    • name (String) - ./myUserSubmenu
    • acs-commons-nested (String) - ""

    6. Click on the following node: adhoc-notifications-emails/field.

    7. Right click and select Create, Create Node.

    8. Enter the following values:

    • Name: layout
    • Type: nt:unstructured

    9. Add the following properties to the field node.

    • sling:resourceType (String) - granite/ui/components/foundation/layouts/fixedcolumns
    • method (String) - absolute

    10. Click on the following node: /adhoc-notifications-emails/field.

    11. Right click and select Create, Create Node.

    12. Enter the following values:

    • Name: items
    • Type: nt:unstructured

    13. Click on the following node: adhoc-notifications-emails/field/items.

    14. Right click and select Create, Create Node.

    15. Enter the following values:

    • Name: column
    • Type: nt:unstructured

    16. Add the following property to the column node.

    • sling:resourceType (String) - granite/ui/components/foundation/container

    17. Click on the following node: adhoc-notifications-emails/field/items/column.

    18. Right click and select Create, Create Node.

    19. Enter the following values:

    • Name: items
    • Type: nt:unstructured

    20. Click on the following node: adhoc-notifications-emails/field/items/column/items.

    21. Right click and select Create, Create Node.

    22. Enter the following values:

    • Name: email
    • Type: nt:unstructured

    23. Add the following properties to the email node:

    • sling:resourceType (String) - granite/ui/components/foundation/form/textfield
    • name (String) - .translation-review-adhoc-additional-emails
    • fieldLabel (String) - Addition Email
    • fieldDescription (String) - email
    Arun Patidar
    P
    pankaj49319Author
    Level 2
    October 17, 2018

    Thanks for details,

    I want to clarify that the simple structure (without fieldset) I have mentioned is working fine with a component dialog on a page.

    when I include the dialog on workflow participant dialog step only then its not working, possibly because the original dialog is injected/nested within workflow dialog step, definitely something that need to be fixed.

    Terms & ConditionsAccessibility statement

    Loading footer...