Hi,
Migrating to version 13.1.20131.1012 from 7.3.
Need your inputs on this scenario.
I have a page which has two webdatagrids, on clicking save button, opens up a page which has one webdatagrid.
And again, on clicking save button on this page, webpage alert pop up message comes up.
when this pop up comes, webdatagrid is not shown (at the background), and on clicking ok on that alert pop up, webdatagrid shows up.
Please note that there are few more controls on this page, all are seen in background except this webdatagrid.
Please let me know wht iam missing and let me know what must be done to make my grid visible at the background even if pop up appears.
I dont check (!Page.IsPostBack) in my Page load.
My master page has EnablePartialRendering="true".
webdatagrid design
<asp:ScriptManagerProxy ID="ScriptManager1" runat="server"></asp:ScriptManagerProxy> <asp:UpdatePanel ID="m_warpSelectedMixMembersGrid" runat="server" > <ContentTemplate> <asp:Button ID="cmdSelRefresh" runat="server" Text="Refresh" CssClass="RefreshButton" /> <asp:HiddenField ID="checkPostBack" runat="server" /> <igtbl:WebDataGrid runat="server" ID="m_grdSelectedMixMembers" AutoGenerateColumns="False" EnableViewState="False" OnInit="m_grdSelectedMixMembers_Init"> <Behaviors> <igtbl:RowSelectors RowNumbering="True"></igtbl:RowSelectors> <igtbl:Selection></igtbl:Selection> </Behaviors> </igtbl:WebDataGrid> <asp:Literal ID="m_litWorkaroundWeightTextboxIssue" runat="server"></asp:Literal> </ContentTemplate> </asp:UpdatePanel>
Hello,
Thank you for contacting Infragistics!
I have done some looking into this matter and have some follow up questions concerning this matter:
What kind of element is the pop up, JavaScript alert or dialog window?
Is the grid just covered up or does it actually stop rendering?
Do you have an image or sample of the behavior?
Hi Mike,
Thanks for your immediate response.
It is a Javascript alert.
I have attached 3 images.
Before_Clicking_SaveComposite_Button.png
After_Clicking_SaveComposite_Button.png - You could see the webdatagrid not appearing in background in this image.
After_Clicking_Ok_on_MessagefromWebPage.png
Please note that the grid has data and just it is not shown up when the alert comes up.
Request your suggestion at the earliest.
---------------------------------------------
We are getting close to our production date and would appreciate quicker response. Earlier we used to get response within 2-3 hours even during IST hours. Is there any way we can prefer for high priority, while posting the question in Infragistics forum?
Thank you for the update. Instead of having a JavaScript alert you could have a WebDialogWindow and set the WindowState to Hidden by default. Then in the Button click event set the WindowState to Normal:
http://help.infragistics.com/doc/ASPNET/2014.2/CLR4.0/?page=Web_WebDialogWindow.html
<ig:WebDialogWindow ID="Wdw1" runat="server" Height="300px" Width="400px" Modal="true" WindowState="Hidden" InitialLocation="Centered"> <ContentPane> <Template> This is a Test! </Template> </ContentPane> </ig:WebDialogWindow>
Wdw1.WindowState = Infragistics.Web.UI.LayoutControls.DialogWindowState.Normal;
Please let me know if you have any further questions concerning this matter.
Thanks for suggesting this option.
Now we have 3 issues with the dialog. Please refer attachments old_pop_up.png. new_webdialog.png
1. WebDialogWindow closebox color should be 'red'.
2. In WebDialogWindow, Before message "Composite has been saved successfully.", 'yellow alert icon'( as in old_pop_up.png) should be displayed.
3. 'Focus' should be on OK button and position to move to 'bottom right' as in old_pop_up.png
Please let us know how this can be done.
---------------------------------
<script type="text/javascript">
function hideDialog() {
$find('<%=WbDlgWdw.ClientID%>').hide();
}
</script>
<ig:WebDialogWindow ID="WbDlgWdw" runat="server" Height="200px" Width="300px" Modal="true" WindowState="Hidden" InitialLocation="Centered">
<ContentPane>
<Template>
<div style="text-align: center; position: relative; padding: 20px;">
Composite has been saved successfully.
</div>
<asp:Button ID="WbDlgWdwBtnOK" runat="server" OnClientClick="hideDialog()" Text="OK" Width="70px" EnableViewState="False" />
</Template>
</ContentPane>
</ig:WebDialogWindow>
------------------------
WbDlgWdw.Header.CaptionText = "Message from webpage";
WbDlgWdw.WindowState = Infragistics.Web.UI.LayoutControls.DialogWindowState.Normal;
-------------------------
Awaiting your support.
Attachment 2
Thank you for the update. All of the three things you mentioned are things you can change manually. First the close ‘x’ being red. This is an image. You can create your own image and replace the current. The current is called igdw_Close.gif and is located in the ig_res/default/images folder.
Second of having the yellow alert icon, this is also an image. What you will want to do is create an image element inside the template of the WebDialogWindow and assign the image to be used for it.
Finally for positioning of the buttons this is something you can achieve by placing them in a div and then positing the div. I recommend you see the following sample that demonstrates how you can achieve this behavior, click the Reset Time button to make the dialog appear, there is code below:
http://www.infragistics.com/samples/aspnet/dialog-window/confirmation-dialog
This helped a lot!!!
Thanks for your support :)