I would like to have a "docked panel" (hidden until needed) so that I can
"show" the panel whenever someone clicks on a LIST row.
There are several UX templates and videos describing how to SHOW
and HIDE a docked panel.
This is done using a button in a LAYOUT. Alpha provides code that
toggles the "docked panel" to SHOW and HIDE.
However, when I want to do the same thing with a button or by clicking
on a LIST element, I can only find a ".hideDock()" method.
Equally, in Action Javascript there is also only a method to hide all docked panels.
I've been searching documentation and videos and have trapped the
javascript code of a working UX... but I can't find any method similar
to ".showDock()".
If I pull the underlying code from a working Layout with a dock-control
button (called "Detail" in this case), it seems as if the browser may
be doing the work simply by complying with a true/false flag. Here is
a HEADER that contains a button named DETAIL. And this works. I
just need to know "how it works" so that I can perhaps hide/show a
docked panel from a LIST.
The button name in this case is N1L1_HDR_BT1_SHOWDETAIL.
Clearly there must be a way.
This kind of @#$@ drives me crazy in Alpha. Simple things for which
there is typically a solution but one which requires constant backflips
to find.
"show" the panel whenever someone clicks on a LIST row.
There are several UX templates and videos describing how to SHOW
and HIDE a docked panel.
This is done using a button in a LAYOUT. Alpha provides code that
toggles the "docked panel" to SHOW and HIDE.
However, when I want to do the same thing with a button or by clicking
on a LIST element, I can only find a ".hideDock()" method.
Documentation URL | https://www.alphasoftware.com/docume...k%20method.xml |
Code Sample | var panelObj = {dialog.object}.panelGet('MYLAYOUTPANEL_1'); if(panelObj) { panelObj.hideDock(); } |
Equally, in Action Javascript there is also only a method to hide all docked panels.
I've been searching documentation and videos and have trapped the
javascript code of a working UX... but I can't find any method similar
to ".showDock()".
If I pull the underlying code from a working Layout with a dock-control
button (called "Detail" in this case), it seems as if the browser may
be doing the work simply by complying with a true/false flag. Here is
a HEADER that contains a button named DETAIL. And this works. I
just need to know "how it works" so that I can perhaps hide/show a
docked panel from a LIST.
The button name in this case is N1L1_HDR_BT1_SHOWDETAIL.
<div id="DLG1.R1.PANEL.0.PANEL.0.HEADER" class="panelHeader" style="overflow: hidden; position: relative;"> <div class="A5CWLayout" style="width: "> </div><button type="button" id="DLG1.V.R1.N1L1_HDR_BT1_SHOWDETAIL" class="button" title="" </button> a5controlbound="true" a5linkedpanel="N1L1P2" style="width: 100%; box-sizing: border-box; border-style: solid; border-width: 1px; border-color: rgb(255, 255, 255);" a5abstevntd="true" a5abstevntu="true" a5abstevntg="true" a5-pressed="false">Detail </div> |
Clearly there must be a way.
This kind of @#$@ drives me crazy in Alpha. Simple things for which
there is typically a solution but one which requires constant backflips
to find.
Comment