Uploaded image for project: 'Jenkins'
  1. Jenkins
  2. JENKINS-75090

Horizontal radio buttons overlaid with later form elements in 2.479.x

      The plot plugin uses a strange looking horizontal layout for its radio buttons.  It looks surprising in Jenkins 2.462.3 but is still usable and visually reasonable.  It looks like this 

      It looks worse in Jenkins 2.479.3

      In any case, the UI elements of that plugin need to be reworked to fit with the current design guidelines, but recording this change in case others encounter similar issues.

      Steps to duplicate the issue

      1. Create a plugins.txt file that lists the plugins and their versions
      2. Create a run-jenkins.sh shell script that downloads Jenkins 2.479.2 and the plugins listed in plugins.txt
      3. Create a directory jobs/plot-plugin and download the job definition config.xml into that directory
      4. Run the run-jenkins.sh shell script and complete the setup wizard by creating a new user and installing no additional plugins
      5. Open the job configuration page of the plot-plugin job and confirm that the 2.479.2 layout shows the radio buttons over the next item

        1. config.xml
          2 kB
        2. run-jenkins.sh
          0.9 kB
        3. plugins.txt
          2 kB
        4. 2.479.3-rc-plot-plugin-subset.png
          2.479.3-rc-plot-plugin-subset.png
          41 kB
        5. 2.462.3-plot-plugin-subset.png
          2.462.3-plot-plugin-subset.png
          44 kB

          [JENKINS-75090] Horizontal radio buttons overlaid with later form elements in 2.479.x

          Mark Waite created issue -
          Mark Waite made changes -
          Labels New: regression ui
          Mark Waite made changes -
          Assignee Original: Veaceslav Gaidarji [ vgaidarji ]
          Mark Waite made changes -
          Attachment New: plugins.txt [ 63765 ]
          Mark Waite made changes -
          Description Original: The plot plugin uses a strange looking horizontal layout for its radio buttons.  It looks surprising in Jenkins 2.462.3 but is still usable and visually reasonable.  It looks like this 

          !2.462.3-plot-plugin-subset.png|width=700!

          It looks worse in Jenkins 2.479.3

           !2.479.3-rc-plot-plugin-subset.png|width=700!

          In any case, the UI elements of that plugin need to be reworked to fit with the current design guidelines, but recording this change in case others encounter similar issues.
          New: The plot plugin uses a strange looking horizontal layout for its radio buttons.  It looks surprising in Jenkins 2.462.3 but is still usable and visually reasonable.  It looks like this 

          !2.462.3-plot-plugin-subset.png|width=700!

          It looks worse in Jenkins 2.479.3

           !2.479.3-rc-plot-plugin-subset.png|width=700!

          In any case, the UI elements of that plugin need to be reworked to fit with the current design guidelines, but recording this change in case others encounter similar issues.

          h2. Steps to duplicate the issue

          # Create a [^plugins.txt]
          Mark Waite made changes -
          Attachment New: run-jenkins.sh [ 63766 ]
          Mark Waite made changes -
          Attachment New: config.xml [ 63767 ]
          Mark Waite made changes -
          Description Original: The plot plugin uses a strange looking horizontal layout for its radio buttons.  It looks surprising in Jenkins 2.462.3 but is still usable and visually reasonable.  It looks like this 

          !2.462.3-plot-plugin-subset.png|width=700!

          It looks worse in Jenkins 2.479.3

           !2.479.3-rc-plot-plugin-subset.png|width=700!

          In any case, the UI elements of that plugin need to be reworked to fit with the current design guidelines, but recording this change in case others encounter similar issues.

          h2. Steps to duplicate the issue

          # Create a [^plugins.txt]
          New: The plot plugin uses a strange looking horizontal layout for its radio buttons.  It looks surprising in Jenkins 2.462.3 but is still usable and visually reasonable.  It looks like this 

          !2.462.3-plot-plugin-subset.png|width=700!

          It looks worse in Jenkins 2.479.3

           !2.479.3-rc-plot-plugin-subset.png|width=700!

          In any case, the UI elements of that plugin need to be reworked to fit with the current design guidelines, but recording this change in case others encounter similar issues.

          h2. Steps to duplicate the issue

          # Create a [^plugins.txt] file that lists the plugins and their versions
          # Create a [^run-jenkins.sh] shell script that downloads Jenkins 2.479.2 and the plugins listed in plugins.txt
          # Create a directory {{jobs/plot-plugin}} and download the job definition [^config.xml] into that directory
          # Run the [^run-jenkins.sh] shell script and complete the setup wizard by creating a new user and installing no additional plugins
          # Open the job configuration page of the plot-plugin job and confirm that the 2.479.2 layout shows the radio buttons over the next item
          Mark Waite made changes -
          Remote Link New: This issue links to "PR-159 - Add extra space to prevent overlap of elements (Web Link)" [ 30483 ]
          Mark Waite made changes -
          Status Original: Open [ 1 ] New: In Progress [ 3 ]

            markewaite Mark Waite
            markewaite Mark Waite
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

              Created:
              Updated:
              Resolved: