Uploaded image for project: 'XWiki Platform'
  1. XWiki Platform
  2. XWIKI-7681

Improve gadget's container styling in INLINE mode to better suggest dragging and delimitation

    Details

    • Type: Improvement
    • Status: Closed
    • Priority: Major
    • Resolution: Fixed
    • Affects Version/s: 4.0-milestone-1
    • Fix Version/s: 4.3-milestone-1
    • Component/s: Dashboard
    • Labels:
      None
    • Difficulty:
      Unknown
    • Documentation:
      N/A
    • Documentation in Release Notes:
      N/A
    • Similar issues:

      Description

      Our dashboard is much nicer than other dashboards because is focused on the content and not on the independence of its elements. This means that you can combine gadgets in order to create a content page that is unified, and you are not just displaying together different/independent elements.
      That's why in view mode is important that the gadgets are mixed together and are invisible.

      When you edit the dashboard it's another story. The gadgets should be easy to be identified since they have independent settings.

      In 3.0 when we introduced the Dashboard we had a 'panels' style for the dashboard container. The difference from that approach is:

      • the additional style is available just in INLINE mode
      • the title is inside the content so that we preserve the WYSIWYG feeling
      • macro's 'cog' icon and heading is visible in order to delimit the gadget. Helps delimitation, dragging, spotting of the settings entry

        Attachments

        1. afterProposal.png
          afterProposal.png
          160 kB
        2. beforeProposal.png
          beforeProposal.png
          139 kB
        3. currentPanels.png
          currentPanels.png
          78 kB
        4. dashboardAfter.png
          dashboardAfter.png
          99 kB
        5. fail.png
          fail.png
          43 kB
        6. Implemented.png
          Implemented.png
          168 kB
        7. inlineActiononTop.png
          inlineActiononTop.png
          49 kB
        8. pass.png
          pass.png
          42 kB

          Issue Links

            Activity

              People

              • Assignee:
                jvdrean Jean-Vincent Drean
                Reporter:
                evalica Ecaterina Moraru (Valica)
              • Votes:
                0 Vote for this issue
                Watchers:
                4 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:
                  Date of First Response: