a5w window close icon

[frankbicknell]

Does anyone know how to change the close icon in the upper right corner of an a5w window?

It is defined as images/$$window.button.close.png.a5image. I don't see a way to override that.

Alternately is there a method that I could attach to an action button on a grid to close the parent a5w window.

I tried closeLastOpenedA5Window() but no success.

[frankbicknell]

Re: a5w window close icon

I am trying this code in the body section of the a5w page. I have changed the image src to the image I want. But I get no change in the close icon.

A5dlg0.TITLE is the id of the div that contains the html.

Anyone know why this won't work?

<script type="text/javascript">
<!--
debugger;
var newHtml = "<input a5windowbuttonindex='0' a5windowbuttonname='Close' a5windowbuttontype='tool' class=''
 style='cursor: default;' src='mbClose.png' id='A5dlg0.TITLE.TOOLS.Close' type='image'>";
var ele1 = document.getElementById('A5dlg0.TITLE')
ele1.innerHTML = newHtml;

-->
</script>

[Davidk]

Re: a5w window close icon

I always have trouble finding this stuff... do you mean on a pop-up window, detail view?

If so... then under the Grid Properties, Customize Icons, you change it there.

[frankbicknell]

Re: a5w window close icon

Thanks David,

No it is not a popup. I am using an a5w page. I am not using a popup because of display issues on an android tablet. Maybe this will be corrected with the mobile feature but I can't wait.

So what I have is A5dlg0.TITLE.TOOLS is the actual div I need. I can store the current innerHTML to a variable and it is the correct html. I just can't seem to change the current innerHTML to my new html. It is not showing any errors. Maybe there is a problem with my image code.

[frankbicknell]

Re: a5w window close icon

It is actually taking the change, but it is not changing the icon. Maybe I need to refresh that section somehow.

[Davidk]

Re: a5w window close icon

Sorry Frank... have to check this... the code is commented out... right?

I may not be using this properly... but it seems to work. The HTML is getting replaced and the image is being displayed. It's just a blank a5w page. Could the problem be an image location issue?

<div id='A5dlg0.TITLE'>This is some HTML</div>

<script type="text/javascript">

var newHtml = "<input a5windowbuttonindex='0' a5windowbuttonname='Close' a5windowbuttontype='tool' class='' style='cursor: default;' src='images/$sys_error.png.a5image' id='A5dlg0.TITLE.TOOLS.Close' type='image'>";
var ele1 = document.getElementById('A5dlg0.TITLE')
ele1.innerHTML = newHtml;

</script>

[frankbicknell]

Re: a5w window close icon

Thank you David for taking the time to help me with this issue. You must be right about my image location. I will continue to work with it until I get it or it gets me, hopefully not the latter.

[Davidk]

Re: a5w window close icon

Hard code a path and image name into the src= section just to see if that works.

[frankbicknell]

Re: a5w window close icon

I have tried that and no success.

This is odd.

If I look at the variable newHTML after I have set the innerHTML of the element I see that it contains the changed html that I set it to. If I inspect the element with fire bug it still shows the oldHTML. I guess it's just over my head.

<script type="text/javascript">
<!--
debugger;
var newHTML = "<input a5windowbuttonindex='0' a5windowbuttonname='Close' a5windowbuttontype='tool' class='' style='cursor: default;' src='d:/A5WebRoot/mbClose.png' id='A5dlg0.TITLE.TOOLS.Close' type='image'>";
var oldHTML = document.getElementById('A5dlg0.TITLE.TOOLS').innerHTML;
document.getElementById('A5dlg0.TITLE.TOOLS').innerHTML = newHTML;

var newHTML = document.getElementById('A5dlg0.TITLE.TOOLS').innerHTML;
here newHTML shows the changed html as I would expect.

-->
</script>

[Davidk]

Re: a5w window close icon

It looks ok... can't see what else is wrong. Where is 'A5dlg0.TITLE.TOOLS' being defined? And no errors under Firebug?

This is a new simple a5w page which produces the attached. The only thing I've changed is the image - changed it to a a5 included image. Send me your full page and I'll run it.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="generator" content="Alpha Five HTML Editor Version 10 Build 4138-3666">
<!-- must use in order to make XP Themes render -->
<meta HTTP-EQUIV="MSThemeCompatible" content="Yes" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 

<title></title>
</head>
<body>

<div id='A5dlg0.TITLE.TOOLS'>This is some html</div>

<script type="text/javascript">
var newHTML = "<input a5windowbuttonindex='0' a5windowbuttonname='Close' a5windowbuttontype='tool' class='' style='cursor: default;' src='images/$sys_error.png.a5image' id='A5dlg0.TITLE.TOOLS.Close' type='image'>";
var oldHTML = document.getElementById('A5dlg0.TITLE.TOOLS').innerHTML;
document.getElementById('A5dlg0.TITLE.TOOLS').innerHTML = newHTML;
</script>



<p>&nbsp;</p>
</body></html>

[Davidk]

Re: a5w window close icon

I think I found it...

In your web control panel, click on Images and then right click to add a file and add your image and then publish it.

In my case I'm publishing locally to a folder under a5webroot named webdemo, so my test.png file got published to a5webroot\webdemo\test.png

Now the a5w page can see it if I specify my src as src='test.png' but not c:\a5webroot\webdemo\test.png or c:/a5webroot/webdemo or anything else.

[frankbicknell]

Re: a5w window close icon

Thanks again for helping me with my issue.

It seems that it may be more complicated than I thought.

I am opening the a5w window from action javascript in a button on my main grid.

My objective is to have a large button that can be easily pressed with a finger that will close the window.

What I have settled on is opening a grid instead of an a5w page and using the {grid.Object}.closeParentContainer(); in a large action button which closes the window.

I didn't do it this way at first because I had display issues by just opening a grid in a popup, but somehow, miraculously, the display problem has vanished and I can just use a grid in a popup which simplifies things and works well.

As always your responses have help me gain a further understanding of this incredibility sophisticated tool.

This is my result:

[Davidk]

Re: a5w window close icon

Yeah, way more simple to do it this way... excellent it worked out... nice looking grid, too.