I really like the idea of using a Panel Navigator as a tabbed UI (using the tabbed band option), however it seems I am running into rendering issues when I have two UX components that share many of their controls (i.e. the second component is a duplicate of the first with some controls removed). I did this duplication of the component to save time but now when I open both tools in the panel navigator using dynamic panels I get the following scenario (see image).
Screen Shot 2017-04-24 at 10.56.38 PM.png
As you can see there is a second set of buttons above the lists in the "Clients" tab. These buttons should be above the corresponding lists in the "Locations" tab. I have renamed the lists in the UX component that is opened in the "Locations" tab and I have renamed the injectable containers too. I've done a recalculation of the controls and cleared my browser cache. I have re-published both components (from the web projects screen so I could uncheck the box that says to only publish edited files/new files). Not sure what else I can try here, is this something that is going to work the way I want or is this sort of thing out of the question?
I'm guessing my Javascript code that is in both tools (function names are exactly the same) is also going to run me into problems but I haven't had a chance to test this since the buttons aren't rendering right.
On a side note, is there anything that alpha could do to make this sort of thing possible such as sandboxing the components in some way so all the code is only limited to the component it exists in (i.e. they give us the ability to duplicate a component but this seams pointless due to these short comings unless of course I never plan to have both components open at the same time). And yes in this case it wouldn't make a ton of sense to have both of these components open at the same time but both components need to exists and I'd rather just make a duplication of a component that already works than have to build it from scratch.
Screen Shot 2017-04-24 at 10.56.38 PM.png
As you can see there is a second set of buttons above the lists in the "Clients" tab. These buttons should be above the corresponding lists in the "Locations" tab. I have renamed the lists in the UX component that is opened in the "Locations" tab and I have renamed the injectable containers too. I've done a recalculation of the controls and cleared my browser cache. I have re-published both components (from the web projects screen so I could uncheck the box that says to only publish edited files/new files). Not sure what else I can try here, is this something that is going to work the way I want or is this sort of thing out of the question?
I'm guessing my Javascript code that is in both tools (function names are exactly the same) is also going to run me into problems but I haven't had a chance to test this since the buttons aren't rendering right.
On a side note, is there anything that alpha could do to make this sort of thing possible such as sandboxing the components in some way so all the code is only limited to the component it exists in (i.e. they give us the ability to duplicate a component but this seams pointless due to these short comings unless of course I never plan to have both components open at the same time). And yes in this case it wouldn't make a ton of sense to have both of these components open at the same time but both components need to exists and I'd rather just make a duplication of a component that already works than have to build it from scratch.