Community

cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 
catherinehbrown
New Member

Navigation Within Data Portal Documentation

As seasoned devs working newly with the Data Portal, we have a suggestion. Could the left navigation in Canvas Data Portal documentation be improved, so that it is collapsed, and frozen somehow?  We are either scrolling forever, or we are doing a search on the page for a term that shows up 30 times.  Having some sort of way of keeping the index on the left available to use regardless of your position in the doc, would be awesome. Would save us some time, as we teach ourselves a crash course in Canvas table structure and data relationships!  Our work from home laptops, aren't nearly as large and accommodating as our typical dev in-office setups.

Sincerely,

2 Devs With Tired Eyes

 @jamesecrider ‌

Labels (1)
0 Kudos
1 Reply
robotcars
Community Member

When you spend a significant amount of time there it can be a little painful.

If it helps, I have a Tampermonkey • Chrome UserScript I use to make it easier.

It essentially fixes (floats) the navigation on the left and allows each group to be scrolled.

343711_Screen Shot 2020-04-03 at 9.58.26 AM.png

// ==UserScript==
// @name Canvas Data Portal Doc Tweaks
// @namespace https://github.com/robert-carroll
// @version 0.1
// @description makes the canvas data portal documentation a little more user friendly
// @author Robert Carroll
// @match https://portal.inshosteddata.com/docs
// @grant none
// ==/UserScript==

(function() {
'use strict';

$('.col-md-3.schema-nav').css({
'position': 'fixed'
});

$('.schema-nav .row').css({
'height': '300px',
'overflow-y': 'scroll',
'margin-bottom': '15px',
'border-left': '5px solid #ccc',
'background': 'white',
'padding-left': '3px'
});

$('.schema-nav .row h4').css({
'position': 'fixed',
'z-index': '100',
'background': 'white',
'margin-top': '0px',
'width': '15%'
});

$('.schema-nav .row .col-md-12:first-of-type').css({
'margin-top': '40px'
});

$('.schema-nav .row:last-of-type').css({
'height': '75px'
});

$('.col-md-9').css({
'float': 'right'
});
})();‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

cc: oxana