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

Question

如何在不使用渲染html表的情况下使用CreateUserWizard控件？

我已经自定义了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

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

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

您无法从控件中删除table-tag，因为控件的格式是这样的。