Mejorar interfaz del generador

PedroBlanco / scorm-encuesta

Generador de encuestas anónimas en formato SCORM / Anonymous survey generator in SCORM form

1 stars 0 forks source link

Mejorar interfaz del generador #1

Closed PedroBlanco closed 9 years ago

PedroBlanco commented 9 years ago

Utilizar jQuery-UI o Bootstrap para mejorar el actual (inexistente) estilo del generador.

PedroBlanco commented 9 years ago

Vamos a usar Bootstrap para aprovechar el aprendizaje del interfaz provisional del Editor GIFT.

PedroBlanco commented 9 years ago

El resultado no es una maravilla, pero por ahora es suficiente.

PedroBlanco commented 9 years ago

Mejoras propuestas:

Migas en franja a 12 col
Títulos centrados
Separación (padding) entre columnas
Paleta propia de colores
Cambiar tabs de paso 2 por botones/pills (centrados, con borde 1px sin radio-border, texto en mayúsculas).

PedroBlanco commented 9 years ago

En los campos de formulario:

Definir placeholders si es necesario (aunque por ahora estamos tomando valores por defecto).
Ayuda para cada campo mediante:

<div class="form-group">
  <label for="pwd">Password:</label>
  <input type="password" class="form-control" id="pwd" placeholder="Enter password">
  <span class="help-block">This is some help text...</span>
</div>

PedroBlanco commented 9 years ago

Cambios preferentes:

Poner los botones abajo y a la derecha, bajo la banda de ayuda.
Pasar de tabs a pills
Poner los mensajes de ayuda temporales en una banda permanente en la parte inferior de la zona de trabajo.

Cambios opcionales:

Poner banda "zebra" con título en grande y centrado, además de que aparezca en la pill correspondiente
Footer del mismo color que la cabecera con información fija sobre el proyecto

PedroBlanco commented 9 years ago

Con la funcionalidad básica cubierta y un interfaz estable, doy por terminada esta incidencia, para separar las mejoras pendientes en incidencias individuales.