DISPLAY MESSAGE box width

Rennur

It seems the DISPLAY MESSAGE box width is hardcoded @ 280px.
Is there a way to remove the CSS width parameter or set it to auto ?

I can't find the corresponding CSS class in Aware IM to do this.

Jaymer

because I don't really know JS, it takes me a while.

I've spent about 90 minutes on this.
You can't find CSS cause its calculated on the fly in JS.
I can find where it calcs top and left to center it on the screen, but not the size.
No ref to 280px, so I'm not sure where 280 comes from.

If you edit an object in a popup window, the exact same code that produces THAT editable form in a popup window
is the same code from "Display Message".
Whatever you call it (dialog, popup, alert, etc.), its coming from a function in KENDO.ALL.MIN.JS

When its a Form, its obviously passing Width/Height info - the DispMsg is somehow making it 280, and doing a calc to center it on the screen.

still hunting.... I'll get it

Jaymer

pretty sure this function calculates the dimensions of every window opening in Kendo.

            _dimensions: function() {
                var e, t, n = this.wrapper, o = this.options, r = o.width, s = o.height, a = o.maxHeight, l = ["minWidth", "minHeight", "maxWidth", "maxHeight"];
                for (this.title(o.title),
                e = 0; e < l.length; e++)
                    t = o[l[e]] || "",
                    t != 1 / 0 && n.css(l[e], t);
                a != 1 / 0 && this.element.css("maxHeight", a),
                n.width(r ? isNaN(r) && ("" + r).indexOf("px") < 0 ? r : i(r, o.minWidth, o.maxWidth) : ""),
                n.height(s ? isNaN(s) && ("" + s).indexOf("px") < 0 ? s : i(s, o.minHeight, o.maxHeight) : ""),
                o.visible || n.hide()
            },

but I literally don't understand the syntax of stuff like this:
n.width(r ? isNaN(r) && ("" + r).indexOf("px") < 0 ? r : i(r, o.minWidth, o.maxWidth) : ""),

Need help of a JS person (sent msg to John Talbott)
jaymer...

BLOMASKY

A DISPLAY MESSAGE should have the following options:
1) Title to display
2) Icon to display
3) Style for both the title and the body.

Bruce

UnionSystems

I do the following to control width of DISPLAY MESSAGE and pretty up with HTML. Seems to get me a result without mucking up other screens.

NOTES
SystemSettings.DQ is assigned a "
border:solid 1px transparent; hides a black line that appears if you only have width

DISPLAY QUESTION '

<style>#aw-msgbox, .k-window-titlebar{width:750px;border:solid 1px transparent;}</style>

<h1><i class='+SystemSettings.DQ+'fa fa-exclamation-triangle'+SystemSettings.DQ+' style='+SystemSettings.DQ+'font-size: 1.3em!important;'+SystemSettings.DQ+'></i> Updating CSS, Javascript and SQL</h1>

<p><br>Carefully read messages that are displayed for errors!</p>

<p>Click <b>Yes</b> to execute now</p>'

which results in

Screen Shot 2018-06-30 at 7.15.32 am.png

Screen Shot 2018-06-30 at 7.25.36 am.png