为什么配置LayoutTemplate后Wizard组件的样式属性无法正常渲染

问题原因 #

• ASP.NET Web Forms 的Wizard控件提供的SideBarStyle、HeaderStyle、NavigationStyle、StepStyle等样式属性，仅在使用控件默认内置布局渲染时才会自动生效：控件会自动生成对应区域的外层DOM元素，并将这些样式属性配置的规则自动应用到对应元素上。
• 当你显式定义了<LayoutTemplate>自定义布局后，相当于完全接管了Wizard控件的布局渲染逻辑，控件会放弃默认的DOM生成逻辑，仅按照你写的模板内容渲染页面。你模板里的PlaceHolder控件仅作为内容占位容器，本身不会自动继承和应用你在Wizard上定义的各类样式属性，所以才会出现原有样式全部失效的情况。

解决方案 #

你可以通过两种方式恢复样式：

1. 直接将样式规则写在自定义模板的对应容器元素上，比如给侧边栏所在的<td>元素设置对应样式，或者给元素添加自定义CSS类，在样式表中写对应规则即可。
2. 如果需要复用已经定义在Wizard的Style属性里的配置，可以在模板元素上绑定对应属性的值，示例如下：

<td rowspan="3" CssClass='<%# Wizard1.SideBarStyle.CssClass %>' style='<%# Wizard1.SideBarStyle.ToString() %>'>
    <asp:PlaceHolder ID="SideBarPlaceHolder" runat="server"></asp:PlaceHolder>
</td>

内容的提问来源于stack exchange，提问作者Jeffrey