I am having few issues on igDialog box controls.
1) before loading igDailog box - all the igDailog button controls are showing in my parent page.
2) Positioning - I am try to load dialog box center of the screen and try to set it in below code but it is not working
var dialogposition = { my: 'center', at: 'center' }
$(
"#dialog").igDialog({
height: 450,
modal:
true,
showHeader:
showFooter:
width: 700,
position: dialogposition
//position: { left: -340, top: 300 }
});
Please advise me if anybody have any solutions.
Hello Arul,
Are you sure that you define them in the correct place, could you please check if all elements that you want to show within the igDialog are nested?
Example:
<div id="dialog"> <img src="http://ko.infragistics.com/media/226356/ig.png" /> <input type="button" value="click me" /> <br /> Test test test!
</div>
Modified online sample:
http://jsfiddle.net/xbnprdnc/3/
If this is not helpful to you, could you please show me your code or try to isolate the issue into the sample above, in order to see what can cause it. Because I have created this sample based on the first provided code snippet, and as you can see it is working fine.
Looking forward to hearing from you.
Thanks for your response. I think you misunderstood my first question.
Whatever controls i created to show it in Dialog box . All those controls are showing in parent page even when i not opened the dialog box. All the controls in the dialog box should show only when i click the dialog box and within in the dialog box not parent page.
Thanks & Regards,
Arul
Hello,
Thank you for contacting us!
About your concerns, you can show/hide all buttons with the appropriate options of the dialog. Have a look at the sample below where I set showMinimizeButton to false and showMacimizeButton to true. For more information about all available options have a look at this link (http://help.infragistics.com/jQuery/2014.2/ui.igdialog#options).
Online sample:
http://jsfiddle.net/xbnprdnc/1/
About the position, by default the dialog is shown at the center of the screen, so in the sample I am showing how to change this.
Let me know if I may be of further assistance.