Remove the close button from popup windows

chain

Hey there,

I would like to remove the close button from popup windows or modeless windows. I alreayde tried it through defining a css class in the resizing and styling panel of the business object form and I also tried it through the advanced properties panel.
If I am not wrong its the "kendo.ui.Window" "actions Array (default: ["Close"])" configuration and has to look like this way for the advanced properties panel: "config.actions=[];

in the css it has to look like this I think:

"a.k-window-action.k-link {
display: none;
}"

But my question is now where to place the .css or in which advanced properties panel i have to add it.

Is there any other solution?

Thank you in advance

Clemens

ORS61

I've also tried to hide "close" button "using css with no success. Form css class is not related to that form part, so you can not chose which forms to hide .

You can try the solution below to hide "Close" button;

Open Form Menu : Advanced
Add below code to the render Script
$(".aw-form-buttons").css ("display", "none");

This will hide the "default button section" of the form (Default Save, Close).

Do not use this on forms which is a part of process with "Enter New" action, because this will also hide "Continue" button.

chain

Thank you for your reply. My description might be misleadingly.

My problem is not the close button at the bottom of the form. I meant the "x" button at the top right of the pop up forms or modeless windows.

Each button can be disabled except the "x" (close) button.

I want the user to use the "close" button at the bottom.

johntalbott

You can use a custom CSS file to remove for all windows in the application

.k-window-actions {
display: none;
}

jQuery in form Advanced Script to remove for specific forms

$(".k-window-actions").css ("display", "none");

This AIM tutorial may help https://www.youtube.com/watch?v=A82fCezQK_g

chain

Your JQuery worked fine. Thank you.

I already watched that Video but I have to say that I am an AwareIM and a JQuery beginner. In my JQuery I forgot a character...

But it doesn´t work with the custom CSS file. I also tried that. I opened the Business Form and the Resizing and Styling panel. I put in a CSS Class ("removeCloseButton") and defined a file in my system:

$AWAREIM_HOME/Tomcat/webapps/AwareIM/Custom/CSS/<name of the business space>/file.css. Inside that file i entered the following:

.removeCloseButton .k-window-actions{
display: none;
}

But the problem is that the .css file can only be used for the form and not for the window-titlebar. (attached picture)

Or am I missing something?

johntalbott

You are adding the custom class .removeCloseButton to the div representing the form which doesn't apply to what you are trying to do. If you remove the reference to the custom class in the CSS file, it works yes?

Here is a pretty good cheat sheet on "selectors" that you might find helpful. While it's technically a jQuery reference cheat sheet, the explanations of how the selectors work is the same for CSS.

http://www.w3schools.com/jquery/jquery_ref_selectors.asp