c# - Combination of ScrollViewer and Grid not working as expected -
i defined following dialogwindow:
<ui:dialogwindow x:class="codeelementratingwindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:ui="clr-namespace:microsoft.visualstudio.platformui;assembly=microsoft.visualstudio.shell.12.0" title="codeelementratingwindow" height="600" width="800"> <grid name="root"> <grid.rowdefinitions> <rowdefinition height="60px"></rowdefinition> <rowdefinition height="510px"></rowdefinition> <rowdefinition height="30px"></rowdefinition> </grid.rowdefinitions> <label grid.columnspan="2" grid.row="0" grid.column="0" name="titlelabel" content="please rate difficulty perceived while working each of following code elements (1 = ''very easy'' / 6 = ''very difficult'')"></label> <scrollviewer minheight="510px"> <grid grid.columnspan="2" grid.row="1" grid.column="1" name="elementcontainer"> <grid.columndefinitions> <columndefinition width="*"></columndefinition> <columndefinition width="150"></columndefinition> </grid.columndefinitions> </grid> </scrollviewer> <grid grid.row="2" grid.column="0" grid.columnspan="2"> <grid.columndefinitions> <columndefinition width="*"></columndefinition> <columndefinition width="*"></columndefinition> </grid.columndefinitions> <button content="ok" grid.column="0" click="ok_button_click"></button> <button content="cancel" grid.column="1" click="cancel_button_click"></button> </grid> </grid> </ui:dialogwindow>
the layout consists of 3 rows. first row has title label, bottom row 2 buttons , in middle, want have list of ui elements add dynamically in code grid there. since don't know in advance how many items are, want display them in scrollviewer.
i can see scrollviewer drawn, problem is, scrollviewer overlaps title label , clumsy. when remove scrollviewer, not case. doing wrong?
just change grid.row=1 scrollviewer. work. refer below code.
<grid name="root"> <grid.rowdefinitions> <rowdefinition height="60px"></rowdefinition> <rowdefinition height="510px"></rowdefinition> <rowdefinition height="30px"></rowdefinition> </grid.rowdefinitions> <label grid.columnspan="2" grid.row="0" grid.column="0" name="titlelabel" content="please rate difficulty perceived while working each of following code elements (1 = ''very easy'' / 6 = ''very difficult'')"></label> <scrollviewer minheight="510px" grid.columnspan="2" grid.row="1" grid.column="1"> <grid name="elementcontainer"> <grid.columndefinitions> <columndefinition width="*"></columndefinition> <columndefinition width="150"></columndefinition> </grid.columndefinitions> </grid> </scrollviewer> <grid grid.row="2" grid.column="0" grid.columnspan="2"> <grid.columndefinitions> <columndefinition width="*"></columndefinition> <columndefinition width="*"></columndefinition> </grid.columndefinitions> <button content="ok" grid.column="0" click="ok_button_click"></button> <button content="cancel" grid.column="1" click="cancel_button_click"></button> </grid> </grid>
Comments
Post a Comment