Alinear una pestaña a la derecha en JQuery UI

Question

Tengo un conjunto de pestañas, que representan diferentes secciones de un formulario, todas alineadas a la izquierda. Cuando un usuario ha completado todas las secciones, quiero que pueda revisar todo el formulario.

Estoy usando jQuery UI Tabs para dividir las secciones en diferentes partes. El usuario puede alternar entre las secciones con la frecuencia que desee.

ahora quiero lo siguiente:

pestaña

• El encabezados de sección deben estar alineados a la izquierda (esto es defecto para jQuery UI)
• Cabecera de separador visión general de impresión debe estar alineada a la derecha y (posiblemente) tenga un estilo diferente

Entonces la pregunta es: ¿cómo puedo cambiar el estilo de una pestaña individual en jQuery UI?

Answer 1

usted debe ser capaz de establecer un atributo id o class en la ficha que desea alineado a la derecha, a continuación, puede configurar el css para ese ID o clase, puede que tenga que utilizar !important después de que su estilo personalizado para que la hoja de estilo jqueryui se anularán con la configuración

http://jsfiddle.net/4Xmkf/1/

aquí hay un jsFiddle que muestra un ejemplo sencillo

Answer 2

Creo que podría hacer esto con CSS. Si construye sus pestañas desde un <ul>, simplemente agregue una clase al último <li> (la descripción general) y use CSS para flotar a la derecha.

Debería poder usar esa clase para hacer cualquier otro estilo que desee, también.

Espero que esto ayude!