Hi:
After changing a few things in the page designer the design view crashes. The same thing happends in Windows XP and Windows 7.
I send you a picture.
Thank you.
Hello Nicolás,
Thank you for contacting Infragistics!
I have done some looking into this matter and the Page Designer. I have so far been unable to reproduce this behavior, please answer the following questions:
What browser are you using?What version of the browser?What are the exact steps you use to reproduce this behavior?
Hello Mike:
Thank you for your response.
In the past few days the page designer crashes when I change from code view to design view. But today works fine. I've tried to put a Tile Manager control into a Border Layout control and remove some text that the Border Layout put automatically.
My browser is Chrome 41.0.2272.118 m version.
The code is:
<!DOCTYPE html><html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="http://designer.igniteui.com/packages/bootstrap/bootstrap.min.css"> <link rel="stylesheet" href="http://designer.igniteui.com/css/themes/infragistics/infragistics.theme.css"> <link rel="stylesheet" href="http://designer.igniteui.com/css/structure/infragistics.css"> <!-- Update the Ignite UI script references to your licensed copies before deploying. Ignite UI License: http://www.infragistics.com/legal/license/ultimate/ --> <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script> <script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.2/modernizr.min.js"></script> <script src="http://designer.igniteui.com/js/infragistics.core.js"></script> <script src="http://designer.igniteui.com/js/infragistics.lob.js"></script> <!-- You may remove the datasources.js script if you are not using Designer sample data. --> <script src="http://designer.igniteui.com/js/datasources.js"></script> <script id="code"> $(document).ready(function () { $("#borderLayout1").igLayoutManager({ height: "800", layoutMode: "border" }); $("#tileManager1").igTileManager({ }); $("#grid1").igGrid({ dataSource: defaultGridData1, width: "100%", height: "450", renderCheckboxes: true, autoGenerateColumns: false, columns: [ { key: "active", headerText: "Active", dataType: "bool", width: "7%" }, { key: "registered", headerText: "Registered", dataType: "date", format: "d MMM yyyy", width: "13%" }, { key: "name", headerText: "Name", width: "20%" }, { key: "company", headerText: "Company", width: "15%" }, { key: "phone", headerText: "Phone", width: "15%" }, { key: "email", headerText: "Email", template: "<a href='mailto:${email}'>${email}</a>", width: "30%" } ], features: [ { name: "Filtering" }, { name: "Paging", showPageSizeDropDown: false }, { name: "Sorting" }, { name: "Selection", inherit: true } ] });
}); </script> </head> <body> <h3>ENCABEZADO 1</h3> <div id="borderLayout1" style="width: 100%; height: 100%;"> <div class="header" style="background-color: #2CBDF9;">HH1</div> <div class="left" style="background-color: #FFA72D;"> </div> <div class="right" style="background-color:#555; color: #EEE;"> </div> <div class="center" style="background-color: #EEE;"> <div id="tileManager1" style="width: 100%; height: 100%;"> <div> <h3>ENCABEZADO 1</h3> <p>Texto 001</p> </div> <div> <h3>ENCABEZADO 2</h3> <p>Texto 002</p> <img id="image1" src="packages/html/icons/image-placeholder.png"/> </div> <div> <h3>ENCABEZADO 1</h3> <div id="grid1" style="width: 100%; height: 100%;"></div> </div> </div> </div> <div class="footer" style="background-color: #2CBDF9;">FF1</div> </div> </body></html>
If I discover the exact point when crashes I'll write to you again.