August 15, 2018
How to make an Organizational Chart ?
Comments
(17)
August 15, 2018
How to make an Organizational Chart ?
Newbie 9 posts
Followers: 1 people
(17)

Did any one tried to create an Organizational chart and each element  is clickable to reveal information?

17 Comments
2018-08-15 08:39:16
2018-08-15 08:39:16

I saw one example of organizational structure from elearningchips.com

please see the attached image.

 

 

 

Attachment

Like
()
(9)
>
Oliver05
's comment
2018-08-15 08:39:39
2018-08-15 08:39:39
>
Oliver05
's comment

this is the other picture

Attachment

Like
()
>
Oliver05
's comment
2018-08-15 08:41:43
2018-08-15 08:41:43
>
Oliver05
's comment

Example of what is not possible with Fluid boxes there: you cannot have the explanation popping up on top of the chart at all. Repeat my recommendation: please use a rescalable HTML project, not a Fluid Boxes project. It could perhaps been done with a Breakpoint Views project, but you’ll have to count at least on double the developing time and a lot of testing to get it working.

Like
(1)
>
Oliver05
's comment
2018-08-15 08:44:55
2018-08-15 08:44:55
>
Oliver05
's comment

Oliver, I have been teaching Project Management etc for many years, know perfectly what an Organisational chart is

Repeating: impossible with Fluid Boxes, easy with rescalable HTML non-responsive project.

Like
(1)
>
Oliver05
's comment
2018-08-15 08:52:04
2018-08-15 08:52:04
>
Oliver05
's comment

Please see my org structure I created. I didn’t use an image for this. I only use a smart shape.

Attachment

Like
()
>
Lieve Weymeis
's comment
2018-08-15 08:54:20
2018-08-15 08:54:20
>
Lieve Weymeis
's comment

Thank you for your recommendation Lieve, I’ll try to transfer the org chart in the non responsive project.

Like
()
>
Oliver05
's comment
2018-08-15 08:55:35
2018-08-15 08:55:35
>
Oliver05
's comment

Please, imagine displaying such a complicated structure on a phone webbrowser in portrait mode with a width of 380px? As I told, it is impossible to do with Fluid boxes because you cannot pop up the explanation on top. I would never look at that chart on a phone….

Like
()
>
Lieve Weymeis
's comment
2018-08-15 09:03:22
2018-08-15 09:03:22
>
Lieve Weymeis
's comment

That’s true, I just try to create an responsive project because I use the fluid boxes in some slides in the project.

Do you have tutorials for the example I show you before?

Like
()
>
Oliver05
's comment
2018-08-15 09:08:50
2018-08-15 09:08:50
>
Oliver05
's comment

You cannot combine normal slides with responsive slides. You have to decide what you want: responsive or not before starting the project.

Like
(1)
>
Lieve Weymeis
's comment
2018-08-16 00:18:37
2018-08-16 00:18:37
>
Lieve Weymeis
's comment

I have also a backup of that project with not responsive project.

I prefer not responsive, because they will only view the module using computer or laptop. Because our eLearning site will be on intranet only.

Like
()
2018-08-15 08:35:36
2018-08-15 08:35:36

Lieve, if I use only a state view for each button, is this will work?

Like
()
(2)
>
Oliver05
's comment
2018-08-15 08:37:50
2018-08-15 08:37:50
>
Oliver05
's comment

Did you look at those blog posts, please?

In Fluid boxes it is IMPOSSIBLE to put a button over an image. That has nothing to do with the InBuilt states of the buttons. Reason why I asked if you really need a responsive project at all? Why not create a rescalable HTML project?

Like
()
>
Lieve Weymeis
's comment
2018-08-15 08:43:02
2018-08-15 08:43:02
>
Lieve Weymeis
's comment

Yes I already look at your blog. Thanks for you answer lieve.

I’m not using fluid boxes. My project is responsive but I use blank page for the Organizational Structure.

Like
()
2018-08-15 07:35:03
2018-08-15 07:35:03

Breakpoint views or Fluid Boxes?Fluid Boxes have a lot of limitations. You’ll not be able to use one image for the chart (which can be created in another application) and have click boxes over the parts, but you’ll have to create the chart with separate shape buttons for each  clickable area. You can look for my blog posts about ‘hotspots’, one of the most recent one is about setup hotspots in a Fluid Boxes project.Personally I would be fearing to do this in a Fluid Boxes project. Are you convinced to need a responsive project?

Like
(1)
2018-08-15 07:01:33
2018-08-15 07:01:33

I answered your question but the answer is blocked because of some links. I asked to specify the version you are using, and if you want a responsive or a non-responsive project. Be patient for the rest of the answer.

Like
(1)
(1)
>
Lieve Weymeis
's comment
2018-08-15 07:31:23
2018-08-15 07:31:23
>
Lieve Weymeis
's comment

I’m using a responsive project. 

Like
()
2018-08-15 07:00:24
2018-08-15 07:00:24

You should tell if you want this for a responsive project with Fluid Boxes or for a non-responsive project? This is an important question, because Fluid Boxes do not allow stackable objects in the same location and are more limited for this type of use.

It is not an organisational chart, but a similar workflow can be used as I created in these two blog posts. My preference goes to using a multistate object to show the different explanations:

https://elearning.adobe.com/2018/07/force-clicking-hotspots-comparison-2-workflows/

And for Fluid Boxes project (you’ll see the limitations):

https://elearning.adobe.com/2018/08/forced-clicking-hotspots-fluid-boxes-project/

 

Like
(1)
Add Comment