Modal Section in Coach Editor looks wrong

Neil Kolban

May 16, 2016 at 6:47 pm #1804

I’m experimenting with the Modal Section in the Client Side Human Services Coach Editor and when I drag one in and drop it above the default button, it seems to “overlay” that button. See the attached screen shot. Are there any known issues in this area with this control?

Rackley Boren

May 20, 2016 at 3:36 pm #1829

Hi Neil,

It is likely that you have come across a bug in the WYSIWYG helper code for the Modal Section control. We will take a look at it.

Thanks for your feedback!

 

Regards,

Rackley Boren

Rackley Boren

May 22, 2016 at 10:27 pm #1849

Neil,

Given the other observation you reported with the WYSIWYG style editor in CSHS, I took a second look at this. I was incorrect in my original response regarding the helper code. I set up an example similar to what you have. I am assuming the button you have there is a Responsive Coaches button, but again as with the Data control looking “off” I am not seeing the same behavior. Take a look at the attached screenshot.

I am going to give “merging” these forum topics a shot to see if we can’t have one thread for any observed oddities for CSHS and SPARK controls. I plan to do this Monday afternoon to give you a chance to take a look at the two responses here in case something happens when I merge them 🙂

 

Regards,

Rackley Boren

 

Neil Kolban

May 23, 2016 at 8:01 am #1854

Howdy Rackley,

Can you try another test?  Place the Modal Section ABOVE the button rather than below it.  It seems that it might be that if the Modal Section is at the bottom of the page, it works but if we place it above other Coach Views, we may have a problem ….

Neil Kolban

May 23, 2016 at 10:12 am #1862

I was working some more and found that the Modal Alert seems to have the same problem.  As best I can tell, when it is shown on the browser based Coach Editor, it is not reserving any width or height space and overlays what is beneath it.  When I added TWO Modal Alerts, they precisely overlaid each other and thus became useless.  See the attached screen shot which shows a Modal Alert overlaying other SPARK Coach Views.

Neil Kolban

May 23, 2016 at 10:18 am #1864

I just tested running Microsoft Edge browser in Windows 10 to my remote Process Center … no change/difference compared to Chrome on Windows 7.

Rackley Boren

May 23, 2016 at 11:26 am #1866

OK definitely seeing it now that I have placed the modal above the button.  I will report the issue to the SPARK team. I do have a workaround in the interim for you as I am not sure when this will be resolved, see below.

 

We have two options here: The first is that the general pattern for modals (both alerts and sections) is that they start hidden. When you set a control to “None” for the visibility using the Visibility properties, the control disappears from the WYSIWYG editor in the case of the Modal Alert, and becomes very lightly colored in the case of the Modal Section if it has anything else in it, otherwise it disappears as well. A new section over on the right appears called “Invisible Items” which allows you to find and again set any other configuration options that you need, as well as setting it to a different visibility if desired. This will also allow you to distinguish between the multiple Modal Alerts if you happen to have them.

The only problem with this approach is that if there is anything in the Modal Section, such as a Panel or Well, even with it being very lightly colored, it is still getting in the way of the other controls.

The second option: Is that you can right click and disable styling to prevent the controls from stacking. This will allow you to select a control that might be underneath another one or in the case that you maybe want the Modal to be popped up to start for some reason. Once you are done making your changes, you can right click to enable styling again.

 

This should at least make things workable again (if you have this use case) until the fix is released.

 

 

Regards,

Rackley Boren

Neil Kolban

May 23, 2016 at 11:34 am #1867

Rackley,

The technique of disabling the styling while editing the Coach View was perfect.  The coach now no longer looks “similar” to a WYSIWYG but it DOES become usable for editing.  Thank you my friend.

Rackley Boren

May 24, 2016 at 8:40 pm #1900

Neil,

Glad to hear the suggestion helped.  Thanks for reporting this one!

Closing topic. I have opened a sticky post for reporting similar issues with the CSHS WYSIWYG editor.