Picture of Alvaro Gil
qucknav configuration
by Alvaro Gil - Friday, 4 March 2016, 12:41 PM
 

Hi everybody 'm trying to configure the quicknav  for allowing the navigation in my courses, but i'm getting json errors.

I would appreciate if somebody could upload an example as complete as posible...

I've followed the example that's in the Github repository but i'm doing something wrong...;(

 

Thanks in advance ;)

Álvaro Gil

 
Reply
Picture of Matt Leathes
Re: qucknav configuration
by Matt Leathes - Friday, 4 March 2016, 5:37 PM
 
Text file contentObjects.json

sure, here you go

this version just puts a 'Continue' button at the bottom of each page

FYI I've turned the titles into gibberish to protect client confidentiality

 
Show parent | Reply
Picture of Alvaro Gil
Re: qucknav configuration
by Alvaro Gil - Friday, 4 March 2016, 7:42 PM
 

Thanks a lot for this quick response! I'll give it a try ;)

 
Show parent | Reply
Picture of Alvaro Gil
Re: qucknav configuration
by Alvaro Gil - Friday, 4 March 2016, 11:31 PM
 

Hi Matt,

I've tried with the following contenObjetcs.json, but no nav buttons appears...

 

[



  {
    "_id": "co-01",
    "_parentId": "course",
    "_type": "page",
    "_graphic": {
      "alt": "",
      "src": ""
    },
    "_isOptional": false,
    "duration": "",
    "linkText": "View",
    "_classes": "",
    "body": "",
    "displayTitle": "Introducción",
    "title": "Introducción",

    "_quicknav": {
    "_isEnabled": true,
    "_isContinuous": "global",
    "_buttons": {
        "_root": {
            "_isHidden": false,
            "text": "Go to main menu"
        },
        "_up": {
            "_isHidden": false,
            "text": "Back to menu"
        },
        "_previous": {
            "_isHidden": false,
            "text": "< Previous"
        },
        "_next": {
            "_isHidden": false,
            "text": "Next >"
        }
    
   }


}


},


  {
    "_id": "co-02",
    "_parentId": "course",
    "_type": "page",
    "_graphic": {
      "alt": "",
      "src": ""
    },
    "_isOptional": false,
    "duration": "",
    "linkText": "View",
    "_classes": "",
    "body": "",
    "displayTitle": "Tabla de alérgenos",
    "title": "Tabla de alérgenos",
    "_quicknav": {
    "_isEnabled": true,
    "_isContinuous": "global",
    "_buttons": {
        "_root": {
            "_isHidden": false,
            "text": "Go to main menu"
        },
        "_up": {
            "_isHidden": false,
            "text": "Back to menu"
        },
        "_previous": {
            "_isHidden": false,
            "text": "< Previous"
        },
        "_next": {
            "_isHidden": false,
            "text": "Next >"
        }
    
   }

 }

  },



  {
    "_id": "co-03",
    "_parentId": "course",
    "_type": "page",
    "_graphic": {
      "alt": "",
      "src": ""
    },
    "_isOptional": false,
    "duration": "",
    "linkText": "View",
    "_classes": "",
    "body": "",
    "displayTitle": "Notas:  el Látex - Buenas prácticas para el control de alérgenos  ",
    "title": "Notas:  el Látex - Buenas prácticas para el control de alérgenos  ",
"_quicknav": {
    "_isEnabled": true,
    "_isContinuous": "global",
    "_buttons": {
        "_root": {
            "_isHidden": false,
            "text": "Go to main menu"
        },
        "_up": {
            "_isHidden": false,
            "text": "Back to menu"
        },
        "_previous": {
            "_isHidden": false,
            "text": "< Previous"
        },
        "_next": {
            "_isHidden": false,
            "text": "Next >"
        }
    
    }
}



 },
 

{
    "_id": "co-04",
    "_parentId": "course",
    "_type": "page",
    "_graphic": {
      "alt": "",
      "src": ""
    },
    "_isOptional": false,
    "duration": "",
    "linkText": "View",
    "_classes": "",
    "body": "",
    "displayTitle": "OGM's Organismos Modificados Genéticamente",
    "title": "OGM's Organismos Modificados Genéticamente",
    "_quicknav": {
    "_isEnabled": true,
    "_isContinuous": "global",
    "_buttons": {
        "_root": {
            "_isHidden": false,
            "text": "Go to main menu"
        },
        "_up": {
            "_isHidden": false,
            "text": "Back to menu"
        },
        "_previous": {
            "_isHidden": false,
            "text": "< Previous"
        },
        "_next": {
            "_isHidden": false,
            "text": "Next >"
        }
    }
   
 }   


 }

]

 

 

Thanks in advance,

Álvaro

 
Show parent | Reply
Picture of Alvaro Gil
Re: quicknav configuration
by Alvaro Gil - Friday, 4 March 2016, 11:36 PM
 

With the previous contentObjects.json i throw the command "grunt build" and then "grunt server", but my course appears

just as before, with no navigation buttons...

 

 

 
Show parent | Reply
Picture of Matt Leathes
Re: qucknav configuration
by Matt Leathes - Monday, 7 March 2016, 10:01 AM
 

When you ran $ grunt build, did you see any errors?

 
Show parent | Reply
Picture of Alvaro Gil
Re: qucknav configuration
by Alvaro Gil - Monday, 7 March 2016, 5:28 PM
 

No, grunt build and grunt server run ok...

 
Show parent | Reply
Picture of jim nielsen
Re: qucknav configuration
by jim nielsen - Monday, 7 March 2016, 6:16 PM
 

And press F5 to refresh your webpage (I am new so perhaps everyone and mother never forgets that)

 
Show parent | Reply
Picture of Matt Leathes
Re: qucknav configuration
by Matt Leathes - Monday, 7 March 2016, 7:27 PM
 

hmm, when I tried using it with the 'vanilla' theme that comes with Adapt, I got this: https://github.com/cgkineo/adapt-quicknav/issues/8

Which I assumed was probably why it was not working for you... it certainly started working fine for me once I fixed that.

There's nothing obviously wrong with your contentObjects.json either, I tried using your example above and it worked fine.

 
Show parent | Reply
Picture of Alvaro Gil
Re: qucknav configuration
by Alvaro Gil - Thursday, 10 March 2016, 1:32 PM
 

Thanks Matt it's working but it works for me only inside content objects of type "page" not inside "menu ones".

I've a course with two or three level of menus and i don't know how to configure it.

 

 

that's a contentObject.json i have: (only appears nav buttons in pages not in menu-only pages)

Thanks for your help ;)

 

 

[
  {
    "_graphic": {
      "alt": "",
      "src": ""
    },
    "_id": "co-03",
    "_parentId": "co-02",
    "_type": "page",
    "_isOptional": false,
    "duration": "",
    "linkText": "View",
    "_classes": "",
    "body": "",
    "displayTitle": "1.- Conceptos básicos y definiciones",
    "title": "1.- Conceptos básicos y definiciones",
    "_pageLevelProgress": {
      "_isEnabled": true
    },


    "_quicknav": {
    "_isEnabled": true,
    "_isContinuous": "global",
    "_injectIntoSelector": "",
    "_buttons": {
        "_root": {
            "_isHidden": false,
            "text": "Inicio Unidad Didáctica"
        },
        "_up": {
            "_isHidden": true,
            "text": "Menú anterior"
        },
        "_previous": {
            "_isHidden": false,
            "text": "< Anterior"
        },
        "_next": {
            "_isHidden": false,
            "text": "Siguiente >"
        }
    
   }


}


  },

  {
    "_graphic": {
      "alt": "Información General",
      "src": "course/en/assets/info.png"
    },
    "_id": "co-01",
    "_parentId": "course",
    "_type": "page",
    "_isOptional": false,
    "duration": "",
    "linkText": "Ver",
    "_classes": "",
    "body": "<p>&iquest;A qui&eacute;n va dirigido el curso?. &iquest;Cu&aacute;les son los objetivos del curso?. &iquest;Qu&eacute; contiene?</p>\n",
    "displayTitle": "Información General",
    "title": "Información General",
    "_pageLevelProgress": {
      "_isEnabled": true
    },


  "_quicknav": {
    "_isEnabled": true,
    "_isContinuous": "global",
    "_buttons": {
        "_root": {
            "_isHidden": false,
            "text": "Inicio Unidad Didáctica"
        },
        "_up": {
            "_isHidden": true,
            "text": "Back to menu"
        },
        "_previous": {
            "_isHidden": true,
            "text": "< Anterior"
        },
        "_next": {
            "_isHidden": false,
            "text": "Siguiente >"
        }
    
   }


}


  },
  {
    "_graphic": {
      "alt": "",
      "src": ""
    },
    "_id": "co-05",
    "_parentId": "co-02",
    "_type": "page",
    "_isOptional": false,
    "duration": "",
    "linkText": "View",
    "_classes": "",
    "body": "",
    "displayTitle": "2.- Marco Legal de Referencia",
    "title": "2.- Marco Legal de Referencia",
    "_pageLevelProgress": {
      "_isEnabled": true
    },

  "_quicknav": {
    "_isEnabled": true,
    "_isContinuous": "global",
    "_buttons": {
        "_root": {
            "_isHidden": false,
            "text": "Inicio Unidad Didáctica"
        },
        "_up": {
            "_isHidden": false,
            "text": "Back to menu"
        },
        "_previous": {
            "_isHidden": false,
            "text": "< Anterior"
        },
        "_next": {
            "_isHidden": true,
            "text": "Siguiente >"
        }
    
   }


}


  },
  {
    "_graphic": {
      "alt": "",
      "src": "course/en/assets/colega2.jpg"
    },
    "_id": "co-02",
    "_parentId": "course",
    "_type": "menu",
    "_isOptional": false,
    "duration": "",
    "linkText": "Empezar la lección",
    "_classes": "",
    "body": "<p>Conceptos b&aacute;sicos y definiciones&nbsp;<br />\nMarco legal de referencia</p>\n",
    "displayTitle": "Lección 1. Introducción",
    "title": "Lección 1. Introducción",
    "_pageLevelProgress": {
      "_isEnabled": true
    },

  "_quicknav": {
    "_isEnabled": true,
    "_isContinuous": "global",
"_injectIntoSelector": "",
    "_buttons": {
        "_root": {
            "_isHidden": false,
            "text": "Inicio Unidad Didáctica"
        },
        "_up": {
            "_isHidden": false,
            "text": "Menu Sección"
        },
        "_previous": {
            "_isHidden": false,
            "text": "< Anterior"
        },
        "_next": {
            "_isHidden": false,
            "text": "Siguiente >"
        }
    
   }


}



  }
]

 
Show parent | Reply
Picture of Matt Leathes
Re: qucknav configuration
by Matt Leathes - Thursday, 10 March 2016, 3:48 PM
 

ah right, I suspect the extension only supports pages, not menus.

 
Show parent | Reply