Hello -
If anyone can debug and get me a answer to what I'm missing that would be GREAT! Basically, the control is displayed within a fancybox and utilizes the DNN Popup Skin rather than the site skin. What's not happening is the panel doesn't collapse as expected, and when clicked on the window jumps to the top of the screen.
My code:
<div class="dnnForm" style="width: 720px">
<div class="dnnForm dnnClear" id="productPanel">
<h2 id="ProductList" class="dnnFormSectionHead"><a href="#">Add Products</a></h2>
<fieldset>
<div class="dnnClear">
<asp:datagrid ... > GRID CODE HERE </asp:datagrid>
</div>
</fieldset>
</div>
<fieldset class="dnnClear">
<div class="dnnForm dnnClear">
<div class="dnnFormItem dnnActions">
<div class="floatCenter">
<asp:LinkButton id="cmdAdd" runat="server" class="dnnPrimaryAction" resourcekey="cmdAdd" onclick="cmdAdd_Click" CausesValidation="False" />
<asp:LinkButton id="cmdCancel" runat="server" class="dnnSecondaryAction" resourcekey="cmdCancel" onClientClick="CloseWindowAndReturn()" />
</div>
</div>
</div>
</fieldset>
<asp:Label runat="server" ID="lblResults" style="display:none;" />
</div>
<script type="text/javascript">
jQuery(function ($) {
var setupModule = function () {
$('#productPanel').dnnPanels();
};
setupModule();
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(function () {
setupModule();
});
});
//Closes the fancybox, no changes
function CloseWindowAndReturn() { parent.$.fancybox.close(); }
...
</script>