Collections:
3Dmol.js Bug - data-ui=true Impacts on Selection
Why is the default style done after removing data-ui="true" in the embedded 3Dmol viewer?
✍: FYIcenter.com
There seems to be code bug in the 3Dmol.js library. Here is an HTML code example, Embedded-Viewer-data-ui-Bug.html, that contains 2 embedded viewers: one with data-ui="true" and the other without data-ui="true":
<html> <body> <p>Without data-ui=true</p> <div style="width: 400px; height: 400px; position: relative;" class="viewer_3Dmoljs" data-pdb="1YCR" data-select1='chain:A' data-style1='cartoon:color=spectrum' data-select2='chain:B' data-style2='stick' ></div> <p>With data-ui=true</p> <div style="width: 400px; height: 400px; position: relative;" class="viewer_3Dmoljs" data-pdb="1YCR" data-select1='chain:A' data-style1='cartoon:color=spectrum' data-select2='chain:B' data-style2='stick' data-ui="true" ></div> <script src="/3Dmol-min.js"></script> </body></html>
This example HTML code will displays the same protein in two DIV elements:
As you can see, when UI components are turned on, the default style of "line" is applied to the default selection of "all".
⇒ Load Data by URL into Embedded 3Dmol Viewer
⇐ Multiple Selections with Embedded 3Dmol Viewer
⇑⇑ 3Dmol.js FAQ
2023-02-03, 323🔥, 0💬
Popular Posts:
Molecule Summary: ID: FYI-1001107 SMILES: CC1CC(C)c2c(n1)c1CCCCC1C C2Received at FYIcenter.com on: 2...
Molecule Summary: ID: FYI-1002514 Names: InChIKey: RZLRSFIXGBWVLC-NSXAYWMGS A-NSMILES: C#Cc1cc2/C=N/...
Molecule Summary: ID: FYI-1000294 SMILES: Oc1cccc2ccccc12 Received at FYIcenter.com on: 2021-03-19
Molecule Summary: ID: FYI-1000978 SMILES: S=C1S/C(=C/c2ccccc2)C(=O )N1CCN(CC)CCReceived at FYIcenter...
Molecule Summary: ID: FYI-1001131 SMILES: CC1=CC=C(C=C1)[S](=O)(=O )N[C@H](CC2=NN=C3[N]2N=C (CS3)C4=CC...