I am trying to emulate an iSeries ERP Interface and I need my button items to not have outlines around them. I attempted to simply create the items as an image and text label set as a group, but the behavior of the grouped item only works once.
For example, I have an image/text label combo called “Purchase Orders” that loads a new page; however, it will only work when clicked the first time. The new page loads in front of the initial Master Page, but once the new page is closed the “Purchase Order” button is no longer functional.
I assumed that this was because the item was not a true button object, so I tried creating a loop, but it had the same effect.
According to your description, I guess you were using the “Window” element in a new page, which takes the initial page as master page, when clicking the button, your simulation jump to the new page, is that right?
If so I understand what actually happened. When you click the “X” button on the Window element, you set its state to “invisible”. So when you click the button again, although the new page still has the Window element, it can not render it since the Window is “invisible”. To fix this, you need to restore the window’s state when clicking the button, like this:
This will work but it is not the recommended approach. Imagine you have multiple buttons that could bring up this window, you will have to restore the window state in all event handlers for all buttons.
The better way, is to let the Window element to restore its state every time you try to close it, and switch back to initial page (so you don’t see the window).
Thanks so much ViVi.
That is exactly what I am attempting, but even after adding your code suggestion I am still having the same issue with the grouped item button losing its functionality.
Now that I understand the process a bit better, let me see if this helps:
I have a 3 page simulation with Page 1 being the Master Page, and pages 2 & 3 being windows overlay pages that populate over the Master.
I am sure that I am missing something simple, but I am really just getting started with ForeUI so I am still quite the newb!
Thanks in advance for any additional suggestions you may have.
ViVi I really appreciate your quick responses and great answers.
I have everything embedded into my windows containers, and it’s all working great, but I came across a formatting situation with my menu bar when I embed it.
All other elements appear to work as expected, but the menu bar shifts noticeably within the containing object when it’s embedded. I have reduced padding on all objects to 0, but this is what I am still getting:
Have you ever seen this before?
Good morning ViVi,
Thanks for the explanation on the bug and the suggestion for a workaround, but when I remove the menu bar as an embedded object it disappears once the window is closed and reopened.
Any other suggestions?
Yes, although the Window element will hide the menu bar above it, and it could move it as well (if you set the Window as “draggable” in edit mode), but it does not restore the visibility of the menu bar. It seems to be a feature that is forgotten before being implemented yet…
But you can always set the menu bar visible, when the Window is about to display:
Thanks ViVi, that did it!
As a matter of fact, all I had to do was set the windows state to visible and check “Include elements within the area” and it worked perfectly.
This question is now closed