3

如何在不呈现 html 表的情况下使用 CreateUserWizard 控件?

我已经自定义了 CreateUserWizard 的布局,并且我正在使用 css 来设置它的样式。我的按钮离我的表单太远了,因为<table>标签 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>
4

3 回答 3

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> 
于 2016-05-27T22:19:55.137 回答
1

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

在此处输入图像描述

于 2012-11-03T02:41:55.577 回答
0

您根本无法从控件中删除 table-tag,因为控件是以这种方式格式化的。

于 2012-12-18T03:02:20.633 回答