ngl icon indicating copy to clipboard operation
ngl copied to clipboard

How to display NGL in full screen with GUI/menu in 0.9.3?

Open renedominik opened this issue 4 years ago • 3 comments

I recently downloaded NGL 0.9.3 to use NGL.ColormakerRegistry. I can embed it nicely in a basic window: https://proteinformatics.uni-leipzig.de/voronoia/db-results/3sn6 However, I have difficulties to setup NGL with GUI as in http://nglviewer.org/ngl/ Including only the dist/ngl.js seems not sufficient.

The other old includes seem not to be there anymore:

<script src="js/lib/signals.min.js"></script>
<script src="js/lib/tether.min.js"></script>
<script src="js/lib/colorpicker.min.js"></script>
<script src="js/ui/ui.js"></script>
<script src="js/ui/ui.extra.js"></script>
<script src="js/ui/ui.ngl.js"></script>
<script src="js/gui.js"></script>

Is there a solution?

renedominik avatar Dec 16 '20 17:12 renedominik

It's little unclear what you want exactly.

But if it's bigger size of structure display, just change the viewport size. NGL will automatically adjust.

Try making a sharable example to understand what you tried (your code) and what you expect. Something on jsfiddle or codepen etc.

DustBytes avatar Dec 17 '20 07:12 DustBytes

On this site: https://proteinformatics.uni-leipzig.de/voronoia/db-results/3sn6 there is an enlarge button, which links to: http://proteinformatics.uni-leipzig.de/voronoia/db-menu?p=3sn6&lic= (They link to different versions of NGL, former to the new version of NGL, latter to an old. Former can handle NGL.ColormakerRegistry, latter not.)

What I would like to achieve is the coloring scheme of the former in the latter.

Here is the flask/html/javascript code for both: https://github.com/renedominik/voronoia_server/blob/master/templates/db_results.html https://github.com/renedominik/voronoia_server/blob/master/templates/db_menu.html

renedominik avatar Dec 17 '20 09:12 renedominik

Did you resolve your problem?

fredludlow avatar Jan 23 '21 09:01 fredludlow