Print Page | Close Window

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



Print Page | Close Window

Forum Software by Web Wiz Forums® version 12.04 - http://www.webwizforums.com
Copyright ©2001-2021 Web Wiz Ltd. - https://www.webwiz.net