Need Guidance on Deploying Diagram as Code-Control
Printed From: openElement Website
Category:
openElement
Forum Name: openElement General Discussion
Forum Description: A place for general discussion and questions about the software.
URL: https://forums.openelement.uk/en/forum_posts.asp?TID=1906
Printed Date: Feb 06 2023 at 10:39pm
Software Version: Web Wiz Forums 12.04 - http://www.webwizforums.com
Topic: Need Guidance on Deploying Diagram as Code-Control
Posted By: MNCTYLDN
Subject: Need Guidance on Deploying Diagram as Code-Control
Date Posted: May 12 2022 at 3:54pm
|
Introduction: Hi, everyone, Lilian here. I've been out of the coding and HTML game for far too long, and I'm definitely not remembering how to do some stuff I could have sworn I was able to. I put myself in over my head with rusty skills that have definitely been set aside during other work. TLDR: I need to port each element into a website and make those elements code-responsive, and I have no idea how to anymore. Further Detail: Let me boil my objective down to its core components: 1.) I have a biology diagram that I have crafted in http://draw.io/" rel="nofollow - draw.io (started on the web app, then continued on the desktop deployment). 2.) In the diagram, I assigned different elements of different pathways to different layers 3.) My objective is a responsive diagram that can be customized based on what parts of the pathways a user would like to focus on. 4.) The pathways both converge and diverge, so turning on and off individual layers gets burdensome. See example: Each item on the membrane is in its own layer, each molecule above it is in its own layer, and each downstream effect is in its own layer. 5.) On a code-powered website deployment, I believe I can remember how to put together ON/OFF checkboxes for users to influence variables (IF box_y checked, var_y=true), and coding statements for each separate element to be displayed based on each individual box (IF {x, OR y, OR z}==true, display element_z). 6.) I have NO idea anymore how to work with either raw HTML/CSS or with modern website-building software like openElement, and especially have no idea how to move my existing http://draw.io/" rel="nofollow - draw.io work into openElement as intact, separated elements I can toggle. Please help me carve the rust off--I'm willing to work at it to achieve my goal. Sincerely asking for help, --Lilian  |
Replies:
Posted By: Hobby001
Date Posted: May 13 2022 at 1:26am
|
If I am correct, you can export to html directly form draw.io If you create a page with openElement, you may use a visual code block to include the code from draw.io export. Making it responsive will depend on your patience and programming skills You will need to develop html/css knowledge in order to achieve you goal. Meanwhile, here is a note that I intend to send to new forum users: Welcome to the https://www.openelement.com/index.htm" rel="nofollow -
https://forum.openelement.com/en/forum_posts.asp?TID=841&title=new-elements-and-new-template-using-them" rel="nofollow - To acquire better openElement knowledge, my
suggestion is that you spend some time
looking at the video tutorial on this https://www.youtube.com/playlist?list=PLWg7A6YtIr7WE2oJe9pX8_3u0FerqJwjo" rel="nofollow - . In addition, there are other videos on this https://www.youtube.com/playlist?list=PLTeqLjRfHQXa8ymuFjVCulLYHWNRQvO9v" rel="nofollow - You will find several user tutorial https://forum.openelement.com/en/forum_topics.asp?FID=21&title=user-tutorials" rel="nofollow - In addition to the models available from
openElement’s library you may have a look to those offered by http://forum.openelement.com/fr/forum_posts.asp?TID=22939&title=lensemble-des-templates-de-sensode" rel="nofollow - In addition to OE’s standard elements, some
additional user designed elements are https://forum.openelement.com/en/forum_posts.asp?TID=1786&title=user-element-list" rel="nofollow - P.S. It is important that you understand that all
help provided here is given by volunteers. We are not openElement’s staff. We are happy to help when we are available to
provide tips, tricks, and sometimes a few code lines. We appreciate that users
make a serious research and self-study effort. Some of us work in Europe, others around the
world. Consequently, the response time may also depend on time zones. When the requirement is too great, it can be
contracted and the required retribution will pay for the development. Always take care to open a new subject for
each of your questions ------------- https://denislafrance.net/index.en.htm" rel="nofollow - Anyone who wants to put something online gets hooked by something big |
Posted By: Hobby001
Date Posted: May 13 2022 at 1:32am
|
You can't paste an image into a post. You have to make it available somewhere on the net and paste the code to display it here. The link to this image will look like: https://zupimages.net/viewer.php?id=22/19/w79x.jpg" rel="nofollow">  ------------- https://denislafrance.net/index.en.htm" rel="nofollow - Anyone who wants to put something online gets hooked by something big |
Posted By: Hobby001
Date Posted: May 13 2022 at 1:36am
|
If you are planning to make several diagrams available you may pay someone to build some standard page that you will be able to copy and use for each diagram. ------------- https://denislafrance.net/index.en.htm" rel="nofollow - Anyone who wants to put something online gets hooked by something big |
Posted By: Hobby001
Date Posted: May 13 2022 at 1:43am
|
To develop new programming skills take a look at https://www.w3schools.com/" rel="nofollow - https://www.w3schools.com/ ------------- https://denislafrance.net/index.en.htm" rel="nofollow - Anyone who wants to put something online gets hooked by something big |
Posted By: MNCTYLDN
Date Posted: May 16 2022 at 2:18pm
|
Thank you very much for all the assistance! I will continue to work with it until it reaches the state I need it to be in. I am currently experimenting with draw.io's html export. If the export does not meet my needs, I may need to recreate it from scratch html-native. In this context, what kind of element responds most easily to hide/show conditionals? I would be crafting it similar to the image I originally attempted to post as example, shown below. https://ibb.co/1KnGTCC" rel="nofollow">
 |
Posted By: Hobby001
Date Posted: May 16 2022 at 9:37pm
|
If I understand your goal, you wish to replace values displayed on the extract from draw.io. Is it ok to say it? If yes, paste the html code in an additional post to this topic. If you are not comfortable with this idea, paste it into a message from thie forum's private messaging system. ------------- https://denislafrance.net/index.en.htm" rel="nofollow - Anyone who wants to put something online gets hooked by something big |