Diseño y paginación de las páginas móviles

Artículo
09/24/2014

Última modificación: miércoles, 05 de mayo de 2010

Hace referencia a: SharePoint Foundation 2010

En este artículo
Diseño de página
Personalización de controles
Paginación

Una página móvil de Microsoft SharePoint Foundation usa plantillas tanto para describir el diseño de página como para hacer referencia a los controles móviles de Microsoft ASP.NET o los controles móviles nativos de SharePoint.

Los archivos MobileDefaultTemplates.ascx y GbwMobileDefaultTemplates.ascx contienen todas las plantillas de representación usadas en las páginas móviles que se incluyen con SharePoint Foundation. Estos archivos de control de usuario se encuentran en el directorio %ProgramFiles%\Common Files\Microsoft Shared\web server extensions\14\TEMPLATE\CONTROLTEMPLATES. Las plantillas se cargan dinámicamente mediante el marco de representación móvil desde esta ubicación. La colocación de archivos .ascx personalizados que definen las plantilla de representación en este directorio y la asignación de identificadores apropiados a estas plantillas de representación permiten invalidar los controles predeterminados que rellenan una página móvil. Para obtener más información acerca del proceso de representación de páginas y los identificadores de plantillas de representación, vea Sistema de representación de páginas móviles.

Diseño de página

Cada página móvil de SharePoint Foundation se divide en áreas de encabezado, contenido y pie de página que suelen diferenciarse mediante una línea. El área de encabezado contiene el título del sitio web, la lista o el elemento. El área de contenido muestra contenidos como imágenes, texto wiki y adaptadores móviles de elementos web en el caso de una página móvil estándar; en una página de vista de lista, el contenido muestra los elementos en una lista, mientras que en un formulario de elementos de lista se muestran los campos de un elemento de lista. El área de pie de página contiene las direcciones URL de acción para trabajar con los elementos de lista y las direcciones URL de navegación para ir a otras páginas.

Los controles predeterminados de una página móvil hacen referencia a las plantillas de representación definidas en los archivos MobileDefaultTemplates.ascx y GbwMobileDefaultTemplates.ascx. Estas plantillas amplían las plantillas secundarias y representan los controles de la página. Las áreas de encabezado y pie de página implementan el ASP.NETelemento <DeviceSpecific> y se muestran siempre, incluso si el área de contenido está paginada.

En el siguiente ejemplo se muestran las plantillas que se usan en la página mbllists.aspx, la página "lista de listas" para dispositivos móviles.

<SPMobile:SPMobileForm RunAt="Server" 
  PageType="HomePage" 
  Paginate="true">
  <DeviceSpecific>
    <Choice Filter="supportsCss">
      <HeaderTemplate>
        <SPMobile:SPMobileComponent RunAt="Server" 
          Templatename="MobilePageTitleWithCss" Weightless="true" />
      </HeaderTemplate>
      <FooterTemplate>
        <SPMobile:SPMobileComponent RunAt="Server" 
          Templatename="MobilePageNavigationWithCss" Weightless="true" />
      </FooterTemplate>
    </Choice>
    <Choice>
      <HeaderTemplate>
        <SPMobile:SPMobileControlContainer RunAt="Server" Weightless="true">
          <SPMobile:SPMobilePageTitle RunAt="Server" />
          <SPMobile:SPMobileComponent RunAt="Server" 
            TemplateName="MobileDefaultSeparator" />
        </SPMobile:SPMobileControlContainer>
      </HeaderTemplate>
      <FooterTemplate>
        <SPMobile:SPMobileControlContainer RunAt="Server" Weightless="true">
          <SPMobile:SPMobileComponent RunAt="Server" 
            Templatename="MobilePaginateNavigation" />
          <SPMobile:SPMobileComponent RunAt="Server" 
            TemplateName="MobileDefaultSeparator" />
          <SPMobile:SPMobilePageNavigation RunAt="Server" />
        </SPMobile:SPMobileControlContainer>
      </FooterTemplate>
    </Choice>
  </DeviceSpecific>
  <SPMobile:SPMobilePageContents RunAt="Server" />
</SPMobile:SPMobileForm>

El elemento DeviceSpecific es un tipo de instrucción switch. Para obtener más información, vea Introduction to the DeviceSpecific Control. En este caso, si el dispositivo móvil admite archivos de hojas de estilos en cascada (CSS), las áreas de encabezado y de pie de página usarán plantillas de representación que empleen el estilo CSS. De lo contrario, se usarán plantillas de representación que contengan su propia información de estilo.

Observe que, en la rama que no es CSS del marcado, el atributo TemplateName de los controles SPMobilePageTitle y SPMobilePageNavigation no está definido, ni así tampoco el atributo TemplateName relativo al control SPMobilePageContents. Esto se debe a que este valor de propiedad está codificado de forma rígida en la declaración de estos controles. Otros controles del ejemplo utilizan el atributo TemplateName para identificar una plantilla de representación definida en el archivo MobileDefaultTemplates.ascx.

La etiqueta SPMobilePageContents inserta la región del cuerpo en la página, que difiere conforme a la definición de sitio, tipo de lista o formulario.

Personalización de controles

Para aplicar una representación especial a una página principal según una definición de sitio concreta o una vista de lista o formulario de elementos específicos, puede crear una plantilla de representación personalizada en un archivo .ascx personalizado en %ProgramFiles%\Common Files\Microsoft Shared\web server extensions\14\TEMPLATE\CONTROLTEMPLATES. Confiera al control RenderingTemplate personalizado un valor de atributo ID en uno de los siguientes formatos. Para obtener información detallada, vea Sistema de representación de páginas móviles, Procedimiento para personalizar las páginas principales móviles, Procedimiento para personalizar las páginas de vista de lista móvil y formulario y Procedimiento para personalizar la representación de campos en páginas móviles.

Página principal

WebPartMobile_SiteTypeID_HomePage_Title
WebPartMobile_SiteTypeID_HomePage_Contents
WebPartMobile_SiteTypeID_HomePage_Navigation
WebPartMobileDetail_SiteTypeID_HomePage_Contents
WebPartMobileDetail_SiteTypeID_HomePage_Navigation
Mobile_SiteTypeID_HomePage_Title
Mobile_SiteTypeID_HomePage_Contents
Mobile_SiteTypeID_HomePage_Navigation

Las plantillas de representación WebPartMobile están diseñadas para usarse en una página móvil (mblwp.aspx o mblwiki.aspx) que se corresponde con una página de elementos web que no es móvil. Las plantillas de representación WebPartMobileDetail están diseñadas para usarse en una página móvil (mblwpdetail.aspx) que tiene una representación más detallada de una página de elementos web que no es móvil. Para obtener más información acerca de estas páginas móviles, vea Páginas de elementos web y wiki móviles. Las plantillas Mobile_*_HomePage_* están diseñadas para usarse en una página principal de sitio web heredada cuya correspondiente página principal no móvil no tiene elementos web y no está habilitada para wiki.

El tipo de página móvil de "página principal" incluye las páginas que no son realmente las páginas principales de un sitio. Este tipo abarca las páginas que no encajan claramente en otras categorías, por ejemplo, una página de vista de lista o una página de formulario. Por ejemplo, la página móvil de "lista de listas", mbllist.aspx, es del tipo de página principal.

Nota

La página no móvil a la que corresponde una página móvil se denomina "página de destino" de la página móvil.

Vistas de lista

Mobile_ListTypeID_View_Title
Mobile_ListTypeID_View_Contents
Mobile_ListTypeID_View_Navigation
MobileDailyView_ListTypeID_View_Navigation

Nota

Las plantillas de representación MobileDailyView* están diseñadas para usarse en una página de vistas móvil relativa a los eventos diarios del calendario (o las imágenes de una biblioteca de imágenes) correspondientes a un sitio de grupo de trabajo (viewdaily.aspx). Para obtener más información acerca de esta página, vea Páginas móviles de propósito especial.

Formularios de elementos

Mobile_ListTypeID_NewForm_Title
Mobile_ListTypeID_NewForm_Contents
Mobile_ListTypeID_NewForm_Navigation
Mobile_ListTypeID_EditForm_Title
Mobile_ListTypeID_EditForm_Contents
Mobile_ListTypeID_EditForm_Navigation
Mobile_ListTypeID_DispForm_Title
Mobile_ListTypeID_DispForm_Contents
Mobile_ListTypeID_DispForm_Navigation

Plantillas de representación personalizadas para la asignación de nombres

Asigne un nombre al control .ascx personalizado según uno de los formatos anteriores y dependiendo del tipo de sitio, página o área de página para el que desea la representación personalizada. Reemplace SiteTypeID por el identificador de número entero de la definición del sitio o por su nombre (por ejemplo, STS, SGS o BLOG). En el caso de una definición del sitio personalizada, deberá usar el número de identificador. Reemplace ListTypeID por el identificador de número entero o el valor de SPListTemplateType que representa el tipo de lista especificado.

También puede crear una página nueva y usar la característica de redirección de página principal. Para obtener más información, vea Procedimiento para personalizar la página principal móvil mediante redireccionamiento.

Paginación

SharePoint Foundation usa la paginación de ASP.NET y su comportamiento de página para admitir la paginación del área de contenido de las páginas móviles. Para obtener más información acerca de la paginación de ASP.NET, vea el tema sobre la paginación de controles ASP.NET para dispositivos móviles.