Paneles en jQuery Mobile

Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.

<header data-role="header" data-theme="b">
  <h2>Cabecera</h2>
    <a href="#shortlist" class="ui-btn-left">Push</a>
	<div id="shortlist" data-role="panel" data-display="overlay">
      		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum illum illo facere vitae, vel, eligendi, quibusdam corporis dolorum nulla doloremque sint placeat alias voluptatum? Beatae doloremque, libero dolores dolorum illo!</p>   
	</div>
</header>
Paneles en jQuery Mobile | Pablo Monteserín

Paneles Flotantes en jQuery Mobile

Push

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum illum illo facere vitae, vel, eligendi, quibusdam corporis dolorum nulla doloremque sint placeat alias voluptatum? Beatae doloremque, libero dolores dolorum illo!

Esta es la primera página

El pie de la página

Ejercicio

Al pulsar un botón situado a la derecha en el header que aparezca un panel con un listview de opciones

Consideraciones:
Para que el panel emerja desde la derecha usaremos: data-position=»right»

ejercicio widget jQuery Mobile | Pablo Monteserín

Panel flotante con menú en jQuery Mobile

Push

Esta es la primera página

El pie de la página

Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.