Ngl: Minimal, integrated UI

Created on 4 Jul 2016  路  15Comments  路  Source: nglviewer/ngl

A simple UI integrated into the NGL core, limited to the canvas. Possible a context menu?

  • picked atom info test
  • download screenshot

what else?

enhancement

All 15 comments

cool. I am playing with ipywidgets stuff and am able to use jquery to select ipywidgets Widget and add to NGL container.

reorg

just for fun because I need to get the tab ID from google inspect.

  • center
  • representation

@hainm what do you mean with "representation"

"representation"

display some sliders so we can change it?

reorg

+1 For the integrated UI - to be honest the existing right-hand panel in the web app is already great - if there was an easy way to inject that into a div (that I could then collapse/expand) that would be fantastic!

If possible, please keep it compatible with nglview too.

to be honest the existing right-hand panel in the web app is already great - if there was an easy way to inject that into a div (that I could then collapse/expand) that would be fantastic!

In addition, otherwise I fear it is too complicated. It exposes almost all of the API.

If possible, please keep it compatible with nglview too.

As it would be inside of the canvas this shouldn't be a problem.

can be an issue if you allow user to add new structure as trajectory from the canvas

I agree with you that UI in canvas should be very simple. For full UI, there is already the right panel.
But there should be an option to turn on/off the UI.

can be an issue if you allow user to add new structure as trajectory from the canvas

I agree, though this could be handled as the is a signal that a trajectory has been added (nglview could subscribe to that).

But there should be an option to turn on/off the UI.

definitely!

The color of the menu control looks nice (to me): https://stemkoski.github.io/Three.js/GUI.html

menu example for above link with xtal.js

http://natechols.github.io/xtal.js/map_viewer.html

When you are done this this for NGL, I think I will try to add Jupyter notebook cell to the widget screen too (for auto-completion).

At some points, I would like to reuse ngl UI for nglview, like

share

(related to https://github.com/arose/ngl/issues/171)

Was this page helpful?
0 / 5 - 0 ratings

Related issues

harryjubb picture harryjubb  路  4Comments

martingraham picture martingraham  路  4Comments

garyo picture garyo  路  5Comments

LivC182 picture LivC182  路  6Comments

thomashopf picture thomashopf  路  6Comments