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

Implement all button states according to the design

    XMLWordPrintable

Details

    • Task
    • Resolution: Fixed
    • Critical
    • 5.0
    • None
    • design, forms
    • magnolia-bundle_stable build #35 (2013-04-08 14:27:35)
    • RC 1

    Description

      Please implement all changes and states of buttons as described below.

      • Use "active.png" for an active button, "inactive.png" for an inactive one.
      • Use "pressed.png" for the pressed/click/tapped state.
      • Use "hover...png" for the mouse over/hover state as well as when the button has the keyboard focus.

      Please also make sure that buttons conform to the definition shown on the style guide, which I also attached to this issue.

      • Make sure that we use the 20px margin the minimal buttons width for small buttons with 4 characters of less (2nd definition)
      • But our buttons are actually 23px high - leave this, plz, as is. The 23px work better for us.

      See also http://wiki.magnolia-cms.com/display/UX/State+of+input+fields+in+forms (section on buttons).

      Checklists

        Acceptance criteria

        Attachments

          1. Active.png
            Active.png
            403 kB
          2. Hover - Mouse over - kbd focus.png
            Hover - Mouse over - kbd focus.png
            401 kB
          3. Inactive.png
            Inactive.png
            129 kB
          4. Pressed.png
            Pressed.png
            410 kB
          5. Style guide for buttons.png
            Style guide for buttons.png
            9 kB

          Issue Links

            Activity

              People

                spenttila Samuli Penttilä
                weder Andreas Weder
                Votes:
                0 Vote for this issue
                Watchers:
                3 Start watching this issue

                Dates

                  Created:
                  Updated:
                  Resolved:

                  Checklists

                    Task DoR

                    Time Tracking

                      Estimated:
                      Original Estimate - Not Specified
                      Not Specified
                      Remaining:
                      Remaining Estimate - 0d
                      0d
                      Logged:
                      Time Spent - 1d 1.5h
                      1d 1.5h