Menú jcyl.es

Junta de Castilla y León

Catálogo de componentes - Junta de Castilla y León

  • Zona privada
  • Contacto

Idiomas

Menu jcyl.es

Mi cuenta

usuario2017xxx

usuario@gmail.com

Mi cuenta

Cerrar sesión

Guía de estilos y componentesde la Junta de Castilla y León

Redes sociales

  • Facebook
  • Twitter
  • Youtube

Pestañas

TEXTO DE PRUEBA 1

TEXTO DE PRUEBA 2

El Presidente de la Junta de Castilla y León

Los ciudadanos de cualquier sociedad moderna tienen muy claro lo que piden a sus Administraciones públicas y que se puede resumir en dos conceptos básicos, como son los de eficacia y rapidez.

En su relación con las mismas quieren que se les proporcione una respuesta de calidad y con la máxima economía posible en los medios empleados para conseguirla. Por supuesto, es responsabilidad de cuantos asumimos responsabilidades públicas facilitar una adecuada respuesta a tales demandas.

A este respecto, las nuevas tecnologías de comunicación nos proporcionan valiosas herramientas para prestar el servicio público que corresponde a las Administraciones de una manera cercana, flexible e inmediata, permitiendo que los ciudadanos empleen cada vez menos tiempo y esfuerzos.

Castilla y León así lo ha asumido y tiene como un importante objetivo conseguir que cuantos ciudadanos deseen contactar con la Administración regional tengan a su disposición instrumentos modernos, cercanos y fiables, siendo la comunicación vía Internet uno de los más importantes.

Deseamos, pues, que el conjunto de servicios que se ponen a su disposición a través de la Red puedan dar eficaz respuesta a las demandas y necesidades de nuestra sociedad, reflejando así la voluntad de una Comunidad decididamente volcada hacia el futuro.

Responsividad

Las pestañas del componente fluyen de izquierda a derecha y de arriba a abajo según el espacio del que dispongan.

El contenido de cada pestaña se adapta al ancho disponible.

El contenido de las pestañas puede ser cargado con AJAX, para ello hay que utilizar el atributo "data-ajax-url" que apuntará a la url dónde está el contenido (en HTML) de la pestaña.

Código

						
<div class="block-tabs">
	<ul class="tabs">
		<li class="activo"><a href="#tab-[ID_AUTONUMÉRICO--1]">[TÍTULO]</a></li>
		<li><a href="#tab-[ID_AUTONUMÉRICO--2]" [data-ajax-url="[AJAX_URL]"]>[TÍTULO]</a></li>
		[...]
	</ul>
	<div class="caja" id="tab-[ID_AUTONUMÉRICO--1]">
		[CONTENIDO_HTML]
	</div>
	<div class="caja elemento-invisible" id="tab-[ID_AUTONUMÉRICO--2]">
		[CONTENIDO_HTML]
	</div>
	[...]
</div>
						
					
  • Ilunion WCAG 2.0 WAI - AA