Uploaded image for project: 'Sakai'
  1. Sakai
  2. SAK-40908

Lessons Back/Next button class is nexprev instead of nextprev

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: RESOLVED
    • Priority: Major
    • Resolution: Fixed
    • Affects Version/s: 11.4, 12.4
    • Fix Version/s: 20.0
    • Component/s: Lessons
    • Labels:
    • Test Plan:
      Hide
      1. Add Lessons to a site
      2. Create a sequence of two subpages
      3. Copy the 2 versions of the code before into 2 separate files, both with the same name: "default.css" (you can put each in a different subfolder of your local HD
      4.  In Lessons > click the gear icon, select the first default.css file, you should not

       

      For Testing Purposes, after the fix a default.css file containing  the following 1. code will style the Back Next buttons with a red background, while the 2. code will not.

      /* 1. Next And Previous buttons will have a red background*/
      a.nextprev.menuitem.button {
      background: #FF0000 !important;
      border: 1px solid #ccc;
      color: #0C2340 !important;
      cursor: pointer;
      display: inline-block;
      font-family: "Arial", sans-serif;
      font-size: 12px;
      line-height: 18px;
      margin: 0em 1em 2.5em 2.5em;
      padding: 0.4em 0.8em 0.45em 0.8em;
      text-decoration: none !important;
      -moz-appearance: none;
      -webkit-appearance: none;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      }

       

       

      /* 2. Old Next And Previous button code*/

      While, this one will change nothing:
      a.nexprev.menuitem.button {
      background: #FF0000 !important;
      border: 1px solid #ccc;
      color: #0C2340 !important;
      cursor: pointer;
      display: inline-block;
      font-family: "Arial", sans-serif;
      font-size: 12px;
      line-height: 18px;
      margin: 0em 1em 2.5em 2.5em;
      padding: 0.4em 0.8em 0.45em 0.8em;
      text-decoration: none !important;
      -moz-appearance: none;
      -webkit-appearance: none;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      }

      Show
      Add Lessons to a site Create a sequence of two subpages Copy the 2 versions of the code before into 2 separate files, both with the same name: "default.css" (you can put each in a different subfolder of your local HD  In Lessons > click the gear icon, select the first default.css file, you should not   For Testing Purposes, after the fix a default.css file containing  the following 1. code will style the Back Next buttons with a red background, while the 2. code will not. /* 1.  Next And Previous buttons will have a red background */ a.nextprev.menuitem.button { background: #FF0000 !important; border: 1px solid #ccc; color: #0C2340 !important; cursor: pointer; display: inline-block; font-family: "Arial", sans-serif; font-size: 12px; line-height: 18px; margin: 0em 1em 2.5em 2.5em; padding: 0.4em 0.8em 0.45em 0.8em; text-decoration: none !important; -moz-appearance: none; -webkit-appearance: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }     /*  2. Old Next And Previous button code */ While, this one will change nothing: a.nexprev.menuitem.button { background: #FF0000 !important; border: 1px solid #ccc; color: #0C2340 !important; cursor: pointer; display: inline-block; font-family: "Arial", sans-serif; font-size: 12px; line-height: 18px; margin: 0em 1em 2.5em 2.5em; padding: 0.4em 0.8em 0.45em 0.8em; text-decoration: none !important; -moz-appearance: none; -webkit-appearance: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

      Description

      In creating style sheets for Lessons, Instructional Designers and others expect the button class to be spelled nextprev instead of nexprev . One Designer at Notre Dame wrote his CSS this way to accomodate both spellings:

       

      /*Next And Previous buttons needs special care*/
      /* Button class whatever */
      a.nextprev.menuitem.button,
      a.nexprev.menuitem.button {
      background: #FF0000 !important;
      border: 1px solid #ccc;
      color: #0C2340 !important;
      cursor: pointer;
      display: inline-block;
      font-family: "Arial", sans-serif;
      font-size: 12px;
      line-height: 18px;
      margin: 0em 1em 2.5em 2.5em;
      padding: 0.4em 0.8em 0.45em 0.8em;
      text-decoration: none !important;
      -moz-appearance: none;
      -webkit-appearance: none;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      }

       

        Gliffy Diagrams

          Zeplin

            Attachments

              Activity

                People

                Assignee:
                lgekeler Laura Gekeler
                Reporter:
                lgekeler Laura Gekeler
                Votes:
                0 Vote for this issue
                Watchers:
                3 Start watching this issue

                  Dates

                  Created:
                  Updated:
                  Resolved:

                    Git Integration