Sistema de navegación mediante botones en parte superior

En esta entrada vamos a ver como hacer unos botones de navegación rápida para movernos entre diferentes paginas.

Serán dos botones situados en la parte superior de la pantalla, con la que podremos movernos entre la pantalla siguiente y la anterior de forma rápida.

Los detalles los plasmo en este video.

El funcionamiento es sencillo…. con estas dos lineas de código.

<div style="position: absolute ; left:  0%; top:0%;"> <asp:HyperLink ID="CmdBack" runat="server" ViewStateMode="Disabled" NavigateUrl="~/Pant/Pan5.aspx#Inicio"><asp:Image ID="Im1" runat="server" ViewStateMode="Disabled" ImageUrl="~/Img/back2.png"  CssClass="ImgIcon"  /></asp:HyperLink></div>

<div style="position: absolute ; left:  93%; top:0%;"> <asp:HyperLink ID="CmdNext" runat="server" ViewStateMode="Disabled" NavigateUrl="~/Pant/Pan1.aspx#Inicio"><asp:Image ID="Im2" runat="server" ViewStateMode="Disabled" ImageUrl="~/Img/next.png"  CssClass="ImgIcon"  /></asp:HyperLink></div>

Tenemos que ponerlo en todas las paginas que queramos botones de navegación…

Propiedades a modificar.

NavigateUrl , indica el destino cuando pulsamos el boton, por tanto tiene que estar configurado.
ImageUrl (opcional) ruta de la imagen que muestra el boton…