Difference between revisions of "Team:Greece/Collaborations"

Line 11: Line 11:
 
         body{ background-color: #ffffff; }
 
         body{ background-color: #ffffff; }
 
        
 
        
−
         #main_box{ position:absolute; padding:0px; margin:-5px 0px 0px 0px; background-color: #ffffff; width:100%; height:100%; }
+
         #main_box{ position:absolute; padding:0px; margin:0px; background-color: #ffffff; width:100%; height:100%; }
  
 
         #mynetwork {
 
         #mynetwork {
 
             width: 100%;
 
             width: 100%;
−
             height: 720px;
+
             height: 700px;
 
             background-color: white;
 
             background-color: white;
 
             z-index: 100;
 
             z-index: 100;
Line 303: Line 303:
 
var scaleOption = { scale : 0.4 };
 
var scaleOption = { scale : 0.4 };
 
network.moveTo(scaleOption);
 
network.moveTo(scaleOption);
−
                network.canvas.body.container.style.height= '750px';
 
 
})
 
})
  
Line 350: Line 349:
 
   ctx.canvas.width  = window.innerWidth;
 
   ctx.canvas.width  = window.innerWidth;
 
   ctx.canvas.height = window.innerHeight;
 
   ctx.canvas.height = window.innerHeight;
−
  console.log('Canvas height: ' + ctx.canvas.height);
 
−
  console.log('Window height: ' + window.innerHeight);
 
  
 
void(canvae.style.position = 'absolute');
 
void(canvae.style.position = 'absolute');
 
void(canvae.style.height = '700px');
 
void(canvae.style.height = '700px');
−
void(canvae.style.border = '1px solid #ddd');
 
  
  

Revision as of 22:06, 19 September 2017

    INTERACTIVITY CONTROLS
  • Move the graph by clicking and dragging in a blank area
  • Zoom in or out with your mouse wheel
  • Hover on the nodes to see the team's name
  • Click on the rectangular notes for more information on the collaboration project

    •