Web Toolbar by Wibiya Personalizando un WebPart desde código - Fran Diaz

Fran Diaz

Reporting Services, .NET, tecnologías Microsoft y otros

Email Notifications

Recent Posts

Tags

News

Community

Comunidades

  • OnobaNET
  • Grupo de usua
  • INETA
  • Culminis
  • Zona de Grupos de Usuarios Online
  • Foro MSDN Español: Colaborador

Webs Amigas

Archives

Personalizando un WebPart desde código

Hoy voy a explicar un poco como personalizar un WebPart desde código. Como ya sabemos nuestro WebPart  es un control donde podemos integrar una serie de controles o de usuario dentro de este (podéis ver más sobre WebPart en el Post de PacoDotNET url) . La forma de modificar la apariencia viene definida en las propiedades del WebPartZone y no podemos editar algunas propiedades debido a que estas son para cada nuevo control que arrastremos a nuestro WebPartZone. Algunas de estas propiedades son:

Title: Especifica un título para el control arrastrado dentro de nuestro WebPartZone.

TitleUrl: Específica la URL del título anterior, es decir, que podemos hacer que cuando un usuario cliquee sobre este título, se vaya a otra página.

TitleIconimageUrl: Esta es la que más me ha molado de todas, con esta propidedad podemos insertar una imagen a la izquierda de nuestro control, ¿que significa esto?, pues que si queremos hacer una sola imagen alargada que ocupe todo el WebPart y hacerlo más personalizado, solo tenemos que poner esta etiqueta para ello.

CatalogIconImageUrl: Esta es la imagen que saldría en nuestro Catálogo de la página.

Description: Pues eso, una descripción acerca de para que sirve este control.

SubTitle: Un Subtitulo del título, ¿Claro no?

Pero bueno, veamos un ejemplo claro que con esto nos quita las dudas que podamos tener. Para ello creamos un nuevo proyecto como se ve en la imagen:

Despues de ponerle un nombre, guardarlo en una carpeta y aceptado el cuadro( es decir, todos por defecto para los menos maniáticos) agregamos de la caja de herramientas un nuevo WebPartManager para nuestro WebPartZone y a continuación insertamos un WebPartZone.

A continuación insertamos un botón dentro del WebPartZone.
Despues de esto nos vamos a la parte de código de la página aspx y en la zona ZoneTemplate dentro del WebPartZone veremos el control insertado al cual le vamos a introducir las propiedades anteriormente explicadas con los siguientes valores:

Y así queda nuestro control después de configurarlo.

Posted: 5/9/2006 22:43 por Fran Díaz | con 6 comment(s) |
Archivado en: ,
Comparte este post:

Comentarios

Eugenio Estrada ha opinado:

Muy interesante;)

# September 5, 2006 11:19 PM

Juan Carlos ha opinado:

Bueno, estaria interesante agregarle titulo usando un UpdatePanel...  :)

# April 3, 2007 3:45 AM

Fran Díaz ha opinado:

¿Porque?, esto es un webpart normal, y no el que trae la librería de atlas. Y además el updatepanel de atlas tiene otra función.

# April 3, 2007 9:39 AM

Javier León ha opinado:

Estoy desarrollando una aplicacion(Dashboard) en la cual el usuario crea de forma dinamica Tabs que alojan 2 WebPartZone, el problema radica cuando se desea eliminar un Tabs, se eliminan los Webparts dentro de la Zona, pero la Zona queda en la BD ocupando espacio en la misma. alguien me puede decir como poder eliminar un WebPartZone del WebPartManager????

# October 24, 2007 5:00 PM

Fran Díaz ha opinado:

Hace tiempo que no toco asp.net Sad. Pero publico tu comentario a ver si alguien lo responde Wink.

Un Saludo

# October 26, 2007 7:22 PM

Xalapas ha opinado:

Soy novato en este tema. Y la verdad este articulo no sirve para nada. Disculpas si ofendo...

# January 27, 2010 6:13 PM