Uploaded image for project: 'Magnolia UI'
  1. Magnolia UI
  2. MGNLUI-8368

Tab names are only displayed when the dialog has more than one tab

    XMLWordPrintable

Details

    • Bug
    • Resolution: Fixed
    • Neutral
    • 6.3.0, 6.2.40
    • 6.2.38
    • None

    Description

      Steps to reproduce

      1. Go to demo and edit the html yaml with the following code: 
        /mtk2/dialogs/components/html.yaml
         form:
          properties:
            description:
              $type: textField
            headline:
              $type: textField
            video:
              $type: textField
              placeholder: https://
              required: true
              label: generic_link_url_label
              validators:
                url:
                  $type: regexpValidator
                  pattern: "^(https?|http)://[-a-zA-Z0-9+&@#/%?=~_|!:,.;]*[-a-zA-Z0-9+&@#/%=~_|]"
                  errorMessage: generic_validation_wrong_url
                  
          layout:
            $type: tabbedLayout
            tabs:
              myContent:
                label: My Content
                fields:
                  - name: headline
                  - name: video
      2.  Go to Pages app and create a page (basic page template)
      3. Open the page and within the main area, create an HTML component
      4. Check no tab name is displayed
      5. Now go back to the html yaml definition and include a second tag:  
        /mtk2/dialogs/components/html.yaml
         form:
          properties:
            description:
              $type: textField
            headline:
              $type: textField
            video:
              $type: textField
              placeholder: https://
              required: true
              label: generic_link_url_label
              validators:
                url:
                  $type: regexpValidator
                  pattern: "^(https?|http)://[-a-zA-Z0-9+&@#/%?=~_|!:,.;]*[-a-zA-Z0-9+&@#/%=~_|]"
                  errorMessage: generic_validation_wrong_url
                  
          layout:
            $type: tabbedLayout
            tabs:
              myContent:
                label: My Content
                fields:
                  - name: headline
                  - name: video
              myData:
                label: My data
                fields:
                  - name: description
      6. Go back to the Pages app and open the page created at step 2
      7. Create an HTML component
      8. Check now the tab names appear

      Expected results

      Even when a dialog has a single tab, the tab name must be displayed

      Actual results

      Only when the dialog has more than one tab the tab name is displayed

      Workaround

      N/A

      Development notes

      N/A

      Checklists

        Acceptance criteria

        Attachments

          There are no Sub-Tasks for this issue.

          Activity

            People

              ajuran AntonĂ­n Juran
              ccantalapiedra Carlos Cantalapiedra
              Nucleus
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:
                Work Started:

                Checklists

                  Bug DoR
                  Task DoD

                  Time Tracking

                    Estimated:
                    Original Estimate - Not Specified
                    Not Specified
                    Remaining:
                    Remaining Estimate - Not Specified
                    Not Specified
                    Logged:
                    Time Spent - 3h
                    3h