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

Question

如果不让CreateUserWizard控件呈现html表，我如何使用它？

我已经定制了CreateUserWizard的布局，并使用css对其进行样式设置。我的按钮离表单太远了，这是由于asp.net默认呈现的<table>标记。

<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>

Answer 1

您不能简单地从控件中删除table-tag，因为控件的格式是这样的。

Answer 2

CreateUserWizard没有RenderOuterTable属性，但您可以使用LayoutTemplate和PlaceHolders (就像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> 

Answer 3

您可以在“设计”视图中执行此操作，并让visual studio将标记生成到可以修改的模板中。在“设计”视图中，单击createUserWizard控件，单击右上角的尖括号(>)，然后单击Customize Create User Step。切换到代码并编辑标记来品尝！！

​

​