UI Bug in Embedded 3Dmol Viewer

Q

Why am I not able to load a PDB protein on the Embedded 3Dmol Viewer UI?

✍: FYIcenter.com

A

The current version of Embedded 3Dmol Viewer has a small code bug. It labels the dropdown list for data loading incorrectly. It labels PDB as "cid" and CID as "pdb".

For example, if you select "pdb" and enter "1YCR", you will see the "Wrong Compound ID" error.

If you select "cid" and enter "492405", you will see the "Wrong PDB ID" error.

So you need to select "cid" to load a PDB protein, and select "pdb" to load a CID molecule.

⇒ Play with Embedded 3Dmol Viewer

⇐ UI Components of Embedded 3Dmol Viewer

⇑ Using Embedded 3Dmol Viewer

⇑⇑ 3Dmol.js FAQ

2022-12-26, 192👍, 0💬

Molecule FYI-1001888
Molecule Summary: ID: FYI-1001888 SMILES: O=C(O)C5=C(O)C2=C(C=CC1=C(O)C= 3C(=O)C4=C(O)C=C(O)C=C4(C(=O)C =3(C=C12)))C=C5(C).CReceived at FYIcenter.com on: 2022-12-26 2023-01-11, 376👍, 0💬

Molecule FYI-1001889
Molecule Summary: ID: FYI-1001889 SMILES: CCCCCCCCCCCCCC(=O)NC(CCC(N)=O) C(=O)NC(CC(N)=O)C(=O)NC(CO)C(= O)NC(CCCCN)C(=O)NC(CCC(=O)O)C( =O)NC(C(C)O)C(O)=OReceived at FYIcenter.com on: 2022-12-26 2023-01-11, 366👍, 0💬

Molecule FYI-1001887
Molecule Summary: ID: FYI-1001887 SMILES: CC1=C(C(=CC2=CC3=C(C(=C12)O)C( =O)C4(C(=O)C=C(C(C4(C3=O)O)O)O C)O)OC)C(=O)OCReceived at FYIcenter.com on: 2022-12-26 2023-01-11, 364👍, 0💬

Molecule FYI-1001890
Molecule Summary: ID: FYI-1001890 SMILES: CCCCCCCCCC(=O)NC(C(=O)NC(CO)C( =O)NC(C(=O)NC(C(C)O)C(=O)NC(CO )C(=O)NC1CCCN(O)C1(=O))C(O)C(O )=O)C(O)C(O)=OReceived at FYIcenter.com on: 2022-12-26 2023-01-11, 357👍, 0💬

UI Bug in Embedded 3Dmol Viewer
Why am I not able to load a PDB protein on the Embedded 3Dmol Viewer UI? The current version of Embedded 3Dmol Viewer has a small code bug. It labels the dropdown list for data loading incorrectly. It labels PDB as "cid" and CID as "pdb". For example, if you select "pdb" and enter "1YCR", you will s... 2022-12-26, 193👍, 0💬

addModel() - Add Model from Data
How to create a model from a molecule data string with 3Dmol.js addModel() methods? viewer.addModel() method in the $3Dmol.GLViewer class allows you to create a model from molecule data string: {$3Dmol.GLViewer} addModel(data, format, options) -> {$3Dmol.GLModel} Here is an HTML code example,... 2022-12-26, 189👍, 0💬

$3Dmol Namespace and Static Methods
What is the GLViewer Class? $3Dmol is the top namespace of the $3Dmol.js library. It contains a sub-namespace, several classes and some static methods as listed below. Sub-namespaces : $3Dmol.GLDraw - Lower level utilities for creating WebGL shape geometries Classes : $3Dmol.GLModel - A group of rel... 2023-09-10, 112👍, 0💬

GLViewer Class and Instance Methods
What is the GLViewer Class? GLViewer, or $3Dmol.GLViewer, is a class in the $3Dmol namespace, that defines a WebGL-based viewer. There are 2 ways to instantiate a GLViewer instance: new $3Dmol.GLViewer(element, config) -> $3Dmol.GLViewer $3Dmol.createViewer(element, config) -> $3Dmol.G... 2023-09-10, 110👍, 0💬

$3Dmol.download('cid:...', ...) - Download CID Molecule
How to download molecule by CID with the $3Dmol.download() method? The syntax to download molecule by CID with the $3Dmol.download() method is shown below: $3Dmol.download("cid:{CID}", viewer, options, callback) -> {$3Dmol.GLModel} viewer - The $3Dmol.GLViewer instance where the downloaded pr... 2023-09-10, 108👍, 0💬

All rights in the contents of this web site are reserved by the individual author. fyicenter.com does not guarantee the truthfulness, accuracy, or reliability of any contents.