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

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

      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

        Acceptance criteria

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

                Created:
                Updated:
                Resolved:
                Work Started:

                  Bug DoR
                  Task DoD

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