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,
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.
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
Hi
I implmented the below code for my application.
1) Edit, Refresh and close buttons are displaying is belongs to dialog control but displaying parent page.
2) When parent page loads initially all the dialog box controls are showing .
3) When i click the button to show the dialog box all the controls are hiding but now showing the dialog again.
<div>
<button type="button" data-ng-click='showpopup()'>Detail</button>
<button type="button">Close</button>
</div>
<div id="test" >
<button type="button" >Edit</button>
<button type="button" >Refresh</button>
<button type="button" >Close</button>
<div id="gridTest"> </div>
I am looking forward to your reply.
What do you mean by saying "find my code below" and also? Could you be more specific on this, because as you can see from my previous responses I have provided you a working examples and detailed explanations? It would be better if you could show working example that is showing the issue.
Still my issues are not resolved. Please find my code below
<div >
Hello. Let me know if I may be of further assistance.