Asp.net 如何删除CreateUserWizard控件中的表标记

如何使用CreateUserWizard控件而不使其呈现html表

我已经定制了CreateUserWizard的布局，并且正在使用css对其进行样式化。“我的”按钮离我的窗体太远，因为默认情况下asp.net正在呈现

标记

<table cellspacing="0" cellpadding="0" id="cphContent_CreateUserWizard1" style="border-collapse: collapse; ">
    <tbody>
        <tr style="height: 100%; ">
            <td>
                <table cellspacing="0" cellpadding="0" style="height: 100%; width: 100%; border-collapse: collapse; ">
                    <tbody>
                        <tr>
                            <td style="height: 100%; width: 100%; ">
                                <fieldset>
                                    ...
                                </fieldset>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>

...

您可以从“设计”视图执行此操作，并让visual studio将标记生成到您可以修改的模板中。在设计视图中，单击createUserWizard控件，单击右上角的角括号（

），然后单击

自定义创建用户步骤。切换到“代码”并编辑要品尝的标记

您无法从控件中删除表标记，因为控件的格式是这样的。
CreateUserWizard没有RenderOuterTable属性，但您可以使用LayoutTemplate和占位符（与ListView控件类似）删除表

这是一个例子：

<asp:CreateUserWizard runat="server" ActiveStepIndex="1"> 
  <LayoutTemplate> 
    <asp:PlaceHolder ID="WizardStepPlaceHolder" runat="server" />
    <asp:PlaceHolder ID="navigationPlaceHolder" runat="server" />
  </LayoutTemplate> 

  <HeaderTemplate>
    Header 
  </HeaderTemplate> 

  <StepNavigationTemplate>
    <asp:LinkButton runat="server" CausesValidation="False" CommandName="MovePrevious" Text="Previous" ID="StepPreviousButton">Previous</asp:LinkButton>
    <asp:LinkButton ID="NextLinkButton" runat="server" CommandName="MoveNext">Next</asp:LinkButton>
  </StepNavigationTemplate>

  <WizardSteps> 
    <asp:CreateUserWizardStep runat="server"> 
      <ContentTemplate> 
      </ContentTemplate> 
    </asp:CreateUserWizardStep> 

    <asp:CompleteWizardStep runat="server"> 
      <ContentTemplate> 
      </ContentTemplate> 
    </asp:CreateUserWizardStep> 
  </WizardSteps> 
</asp:CreateUserWizard> 


标题
以前的
下一个
我这样做了，但它仍然会自动启动和结束表格。您能修复您答案中损坏的图像链接吗？这是可行的，但有一个警告：我无法使它与我的resx文件一起工作。我可以使用显式生成的文本，也可以保留标签emtpy。是否有其他方法可以执行类似的功能而不呈现表格，或者可以配置为不呈现表格？我的头模板有问题。仅使用带有两个占位符的
LayoutTemplate
，如图所示，就足以摆脱外部表。