WPF - The buttons next to each other -
i have button , under him text , these buttons next each other served under him. code: userview.xaml:
<wrappanel orientation="horizontal" horizontalalignment = "left">         <itemscontrol itemssource = "{binding path = users}">             <itemscontrol.itemtemplate>                 <datatemplate>                     <stackpanel orientation = "vertical">                         <button style="{staticresource userbutton}" content="{binding name}"></button>                         <rectangle style="{staticresource userbuttonstatus}"                                         fill="{binding color}" tooltip="{binding tooltip}"/>                     </stackpanel>                 </datatemplate>             </itemscontrol.itemtemplate>         </itemscontrol>     </wrappanel> mainwindow.xaml:
 <stackpanel grid.row="0" grid.column="0" orientation="vertical">             <textblock style="{staticresource title}">users</textblock>             <view:userview x:name="userview">                 <view:userview.datacontext>                     <binding path="userviewmodel" source="{staticresource servicelocator}"/>                 </view:userview.datacontext>             </view:userview>         </stackpanel> required:
actual (wrong):
you need overwrite items controls panel
items control display each item underneath each other default.
here code add make sure inside items control tab have done item template:
<itemscontrol.itemspanel>      <itemspaneltemplate>            <wrappanel/>      </itemspaneltemplate> </itemscontrol.itemspanel> so userview.xaml this:
<itemscontrol itemssource = "{binding path = users}">       <itemscontrol.itemspanel>           <itemspaneltemplate>               <wrappanel/>           </itemspaneltemplate>      </itemscontrol.itemspanel>       <itemscontrol.itemtemplate>           <datatemplate>                <stackpanel orientation = "vertical">                     <button style="{staticresource userbutton}" content="{binding name}"></button>                     <rectangle style="{staticresource userbuttonstatus}" fill="{binding color}" tooltip="{binding tooltip}"/>                </stackpanel>           </datatemplate>      </itemscontrol.itemtemplate> </itemscontrol> 

Comments
Post a Comment