Telerik UI for ASP。净AJAX?下载30天免费试用

移动呈现

本文将解释移动呈现RadWizard控制。

的RadWizard移动渲染模式是专门设计用于移动设备,其行为与桌面设备上的行为相对不同。这是通过他们来控制的RenderMode财产。

移动呈现

随着RadWizard的移动呈现,你将有一个特定的功能:显示当前活动的步骤索引。只有当每个WizardStep宽度的总和超过RadWizard的整体宽度时,该功能才会自动启用。在这种情况下,控件显示水平滚动条,以便导航到当前不可见的特定步骤。在屏幕的右上角有一个小框显示活动步骤索引,如下面的屏幕截图所示。

图1。RadWizard移动渲染模式的外观

wizard-mobile-rendering-index-box

示例3:如何设置RadWizard的移动渲染。

    

< telerik:RadTextBox ID="RadTextBox13" Label="First Name:" runat="server">

自适应设计与RadWizard

RadWizard支持改变渲染如果用户从纵向切换到横向,反之亦然。例如,如果在纵向模式下,每个WizardStep宽度的总和超过了RadWizard的整体宽度,该控件将显示一个水平滚动条,并指示活动的step索引。如果你改变了设备方向,RadWizard宽度超过了所有WizardStep宽度的总和,滚动条和小框将被隐藏。

图1:RadWizard在纵向和横向模式下的不同渲染

wizard-adaptive-behavior

在本文中
Baidu
map