Cross button in Modal Section

Saroj Panda

December 30, 2016 at 8:33 am #3393

What would be the best option to add the custom cross button on right top of the modal section. I know to create the button to close the modal, but it’s behavior is different than default BPM Modal.

Regards,

Saroj

SPARK Support

December 30, 2016 at 2:05 pm #3396

Hi Saroj,

A Button control has a label whereas an Icon control does not.  You may want to try the Icon control:

https://salientprocess.zendesk.com/hc/en-us/articles/205676728-Icon

Regards,

Stephen P.

Saroj Panda

January 5, 2017 at 3:13 am #3438

I have achieved the required implementation of Modal Section. Please refer the attachments of the implementations.

1. Attachment 1 is what I was exploring and have used Modal Section containing Icon control and Well (which will have my layout) and small CSS code to align Icon towards top right of Modal Section.
2. Attachment 2 and 3 are simple interactive modal section with input confirmation.

Regards,

Saroj

Saroj Panda

January 5, 2017 at 4:08 am #3442

What is the best way to display the Modal Section in vertical middle. Right now it’s visible towards top of the screen.

Regards,

Saroj

SPARK Support

January 5, 2017 at 2:23 pm #3446

Hi Saroj,

Without making several adjustments to override the CSS for the modal, the easiest method would be to add some space at the top of the Modal with a spacer.

Regards,

Stephen P.

Saroj Panda

January 9, 2017 at 8:09 am #3456

Sure. I need the icon to be on Top Right. I’ll try to use spacer and icon combined
Regards,

Saroj

SPARK Support

January 9, 2017 at 10:40 am #3462

Hi Saroj,

This should work great for you.  You can also use script to set the height if needed.

Please refer to the following article SPARK Spacer Control – JS Doc

Regards,

Stephen P.