0

I have been assigned a task to work on document libraries. The requirements of the project want me to make a view of doclibs that shows the last 10 modified documents and that view should have a little button/widget to link to the folder showing view. How can I make such a button that would sit next to the sync feature of a document library?

1

The easy way to do that is by using JSLink and attach to the current view. In the js file that you are going to use in the JSLink, you can use jQuery and target the following UL with this class ms-qcb-zone ms-qcb-leftzone (This ul contains the New, Upload, Sync, etc) . You can add an li at the end with the button you want with link to the view.

enter image description here

  • where do you find the class "ms-qcb-zone ms-qcb-leftzone" at? – Sabien Ambrose May 11 '16 at 15:25
  • updated my answer with a screen shot. Basically, open up The Developer Tools and hover over the sync feature and go to the container UL (one indicated by the arrow) – Ahmed Mahmoud May 11 '16 at 15:35
  • I really appreciate your help, I created a new button called "GO". My question is, using the dev tools can you change where the link takes you? Also, would it be okay to save this as a template and have all of them use the button? – Sabien Ambrose May 11 '16 at 16:07
  • Option1you can add it to your master page (link to js script, but this will run on all document libraries which might not be desired) – Ahmed Mahmoud May 11 '16 at 16:22
  • I'm okay with changing it on the master page to reflect all libraries, where at should I edit the master ? – Sabien Ambrose May 11 '16 at 16:28
2

Alternate solution,

  1. Open site in designer
  2. Navigate to List and Libraries
  3. click on library name
  4. Right bottom - Custom actions - New
  5. Provide button name, description
  6. Provide url of your view in Navigate to URL
  7. Provide image url and sequesnce number as to where you want the ribbon button to be viewed.
  • I know i can put a button in the ribbon but that isn't an intuitive feel when this is being built for non- tech savvy individuals. Is there any way to add a button next to the doclib name or under it? – Sabien Ambrose May 11 '16 at 15:15

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.