如何摆脱DockPanel和Calender上的灰色区域？

Question

我有一个日历控件可以在需要的时候掉下来，但是我双方都有这个伟大的大区域。

我尽我所能，但我似乎无法摆脱日历两边的灰色区域。

这是XAML，

<%= f.collection_check_boxes :committed, Date::ABBR_DAYNAMES, :downcase, :to_s, checked: ["mon", "tue", "wed", "thu", "fri"] %>

<%= f.collection_check_boxes :send_email, Date::ABBR_DAYNAMES, :downcase, :to_s, checked: ["mon", "tue", "wed", "thu", "fri"] %>

<script>
</script>

我的第二个问题，这是创建一个包含日历的下拉控件的正确方法。或者我做错了，任何帮助都会非常感激。

Answer 1

首先，从我的观点来看，使用菜单创建一个下拉控件是一个坏主意。您可以使用按钮执行类似且更简单的操作。

但是，如果您想使用MenuItem控件，则必须更改MenuItem.ItemsTemplate以减少边距并删除背景颜色：

 <Menu DockPanel.Dock="Top" Height="25" Width="100">
    <MenuItem  Header="calender" Height="25" Width="100" AutomationProperties.IsColumnHeader="True" >
        <MenuItem.Items>
            <Calendar Name="CalenderSelect" SelectionMode="MultipleRange" >  </Calendar>
        </MenuItem.Items>
        <MenuItem.ItemsPanel>
            <ItemsPanelTemplate>
                <StackPanel Margin="-35,-5,-50,-5" Background="{x:Null}"></StackPanel>
            </ItemsPanelTemplate>
        </MenuItem.ItemsPanel>                   
    </MenuItem>
 </Menu>

我希望这可以帮到你。