Compartir a través de


MODIFICAR LA BARRA SUPERIOR DE SHAREPOINT(es-ES)

Muchas veces nos vemos que queremos cambiar la barra superior por que no nos gusta la leyenda SharePoint o nos dicen que no quieren que tengamos el suministro de noticias y el OneDrive o simplemente queremos agregar una opción nueva en ese lugar.

https://stucker2016.files.wordpress.com/2016/05/barra1.png?w=396&h=69&crop=1

https://stucker2016.files.wordpress.com/2016/05/barra2.png?w=476&h=69&crop=1

Para eso creamos una solución nueva vacía en Base a Farm Deploy. ( Como crear una solución Sharepoint 2013 )

Ahora vamos a agregar un Modulo, para eso hacemos boton Derecho sobre la solución > Add > Add new Item…

https://stucker2016.files.wordpress.com/2016/05/add-menu.png?w=880

Buscamos el modulo y le ponemos el nombre Barra

https://stucker2016.files.wordpress.com/2016/05/modulo-barra.png?w=880

Borramos el contenido del modulo y lo reemplazamos por el item que quieras poner.

  • Sharepoint 2010
    • AdditionalPageHead
    • GlobalNavigation
    • GlobalSiteLink3
    • GlobalDelegate2
    • GlobalDelegate0
    • PublishingConsole
    • TopNavigationDataSource
    • SmallSearchInputBox
    • QuickLaunchDataSource
    • TreeViewAndDataSource
  • Sharepoint 2013
    • SuiteLinksDelegate
    • SuiteBarBrandingDelegate
    • PromotedActions

 

Nuestro ejemplo se va a basar en SuiteBarBrandingDelegate que es donde esta el log de Sharepoint Arriba a la izquierda. Pero sirve para cualquiera.

https://stucker2016.files.wordpress.com/2016/05/barra1.png?w=880

Ahora vamos a crear nuestro User Control para la barra. Para eso hacemos boton derecho sobre la solución > Add > Add new Item…

https://stucker2016.files.wordpress.com/2016/05/add-menu.png?w=880

Seleccionamos User Control y le ponemos el nombre Derecha.

https://stucker2016.files.wordpress.com/2016/05/usercontrol.png?w=880

Ahora vamos a mapear la carpeta de Imágenes para eso hagan botón derecho sobre la solución > Add > Sharepoint Images “Mapped” Folder

https://stucker2016.files.wordpress.com/2016/05/images-folder.png?w=880

Y le agregamos el icono que querramos. En mi caso estoy usando uno conocido por varios de ustedes.

https://stucker2016.files.wordpress.com/2016/05/mushroom-1up.png?w=880

Para agregarlo sobre la carpeta que nos creo que en mi caso se llama Barra hacemos botón Derecho > Add > Existing Item..

https://stucker2016.files.wordpress.com/2016/05/existingb.png?w=880

Ahora en el User Control ponemos el siguiente codigo.

https://stucker2016.wordpress.com/2016/_layouts/15/images/Barra/Mushroom%20-%201UP.png

Ahora en el modulo ponemos lo siguiente:

<Elements xmlns=”http://schemas.microsoft.com/sharepoint/”&gt;
<Control ControlSrc=”/_controltemplates/15/Barra/Derecha.ascx”
Id=”SuiteLinksDelegate”
Sequence=”1″ />
</Elements>

Esto indica que debemos reemplazar el control por el control que hicimos.

Apretamos f5 y si todo sale bien se deberia ver algo como esto.

https://stucker2016.files.wordpress.com/2016/05/barrafinal.png?w=880