height="100%" for full screen, generates 0px height,

[etheleon]

Hi,

I'm having difficulty rendering a the sigma widget full screen ie.

shinyApp(
    ui = fluidPage(
      sigmaOutput("network", width="100%", height="100%")
    ),
    server = function(input, output){
      output$network = renderSigma({
        sigma(gexf = agexf$graph, drawLabels = T, labelThreshold = 20)
      })
    }
)

even if i switched the height to a diff percentage, the problem persists.

the elements (canvas class: sigma-scene, labels, mouse) generated are rendered with height = 0px. while the parent div has 100% height 100% width.

I added the line:

console.log("this is the height:"+height+" and width" + width)

into the resize function in sigma/inst/htmlwidgets/sigma.js

and it always prints 0px.

eg.

resize: function(el, width, height, instance) {

    // forward resize on to sigma renderers
    for (var name in instance.sig.renderers)
      console.log("this is the height:"+height+" and width" + width)
      instance.sig.renderers[name].resize(width, height);
  }

any idea how to solve this?

[solveretur]

have you solved it ?