Responsive Flowchart

Is it possible to bring in or make a flowchart in Blocs?

How would I be able to make a growing (animated would be nice but not necessary ) long arrow and add that to specific plays on the page?

Simple answer CSS. And I think for arrows that point to an element, will require javascript and some math to calculate on resize.

@Jerry reference is using this library… That may make it easier, but you would have to research it. Or just ask norm to add a tick box :upside_down_face: :angel:

1 Like

Why not, its really easy, should be done by the afternoon.

1 Like

Thanks for the suggestions, I’m looking into those now.

I built the top row with 4 columns and painstakingly added the 4 arrows using KeyNote. Exported to HTML5. End results looks good, but it is not responsive.

So my question is can I insert this in a Bloc and then change the position and degree in the Bloc?
arrow-trans

Nice, @Jerry, thanks you for that solution. I have 4 Columns that I need to add arrows to, so where do I insert this code? Remembering I need to control the position and degree of each one.
I appreciate your insight. :slight_smile:

I sure would like to say this worked, but it did not.

Maybe, it’s because it is not an image, I decide to use the built in Symbols.

If I do use the symbols, how can I control the color, size and degree?

I made a class (rotate1) and applied it to the Column (there are 4)

I made a class (rotate1) and applied it to the Paragraph (there are 4)

How does the new class know to point to style in the footer?

Okay @Jerry, I added the code to the footer. I then inserted an arrow from the built into Blocs. Then I made a Custom Class (rotate1) and applied that class the the paragraph.

How does making a custom class point the symbol?
Does that class have a to be a specific name?

That’s what I did and I saw no results.

Wow, yours’s worked! :slight_smile:
So cool of you to take the time to make this, Thank you.
I 'm going to follow exacted what you did and see if it works.

1 Like

@Jerry, so it’s not me, it’s Blocs. LOL
I did exactly what you did and I have no control of any setting.
I tried this is Beta7 and the last good release. Here is exacted what I did…
Made a new project. Added a Bloc. Added an Icon.
Tried to just change the color on the side bar. Not working.
Made a custom class. Click on Text assets.
Tried to change the size. Not working
Tried to just change the color. Not working

Once, I do get this work can I stretch the arrow in order the make it longer?

Still not working

Thanks for hanging in there with me @Jerry
You can see, even though, I made .rotate the class name to match the style it still does not work

No change @Jerry :frowning: