Estoy usando los bordes redimensionables de jQuery-UI para aumentar la altura de una tabla. Me pregunto cómo crear un borde inferior más grueso que se puede arrastrar? Aumentar el borde alrededor de la mesa no hace la diferencia.jQuery-UI: redimensionable: ¿cómo aumentar el tamaño del borde arrastrable?
7
A
Respuesta
12
Con la llamada $(...).resize()
, puede establecer cualquier elemento hijo como manejador. Take a look at this example:
$("#resizeDiv").resizable({handles: {'s': '#handle'}});
Se permite el cambio de tamaño para el #resizeDiv
en el borde inferior, asignando el elemento #handle
como la zona de arrastre activo.
1
Usted necesitará una nueva imagen para el controlador de cambio de tamaño, pero aquí está algo que se puede trabajar con él, es sólo CSS!
15
Puede lograr que cambiando un poco de CSS:
CSSclases presentes en la hoja de estilo jQuery UI
/* handle on the bottom */
.ui-resizable-s {
height: 15px;
}
/* handle on the right */
.ui-resizable-e {
width: 15px;
}
/* handle icon (corner) */
.ui-resizable-se {
width: 15px;
height: 15px;
}
En esta Fiddle Example se puede ver en acción!
Nota:
Usted realmente no necesita cambiar nada en la Hoja de jQuery UI estilo, simplemente declarar los valores de noticias css después de la inclusión de la hoja de jQuery UI Style!
Cuestiones relacionadas
- 1. borde de ventana no redimensionable y posicionamiento
- 2. JAVA_OPTS para aumentar el tamaño del montón
- 3. Grosor del borde WPF aumentar la dirección
- 4. Jquery con arrastrar arrastrable y redimensionable no funciona como se esperaba
- 5. JQueryUI Diálogo Tamaño
- 6. Graphviz, cambiando el tamaño del borde
- 7. ¿Cómo puedo aumentar el tamaño del montón .NET?
- 8. ¿Cómo aumentar el tamaño de la historia del portapapeles PHPStorm?
- 9. Cómo aumentar el tamaño del texto en SoapUI
- 10. GWT redimensionable panel
- 11. jQuery UI - cómo restaurar el arrastrable arrastrable
- 12. jVectorMap aumentar (mundo) tamaño del mapa
- 13. Aumentar el tamaño del almacenamiento dinámico en Java
- 14. Java obtener color y tamaño del borde
- 15. Aumentar el tamaño (altura) del área de título en ColorBox
- 16. aumentar el tamaño máximo del elemento en memcached?
- 17. cómo aumentar el tamaño de la hormiga permgen?
- 18. ¿Aumentar el tamaño de letra en Firebug?
- 19. ¿Cómo aumentar el tamaño POST para un servicio web ASMX?
- 20. ¿Cómo aumentar el tamaño de la pila scala?
- 21. Cómo ocultar el fondo debajo del borde
- 22. C# win formularios make controls redimensionable
- 23. ¿Cómo aumentar el tamaño de la pila de Java?
- 24. ¿Cómo aumentar el tamaño máximo de la agrupación en ActiveRecord?
- 25. ¿Cómo puedo aumentar el tamaño de la pila con runhaskell?
- 26. ¿Cómo puedo aumentar el tamaño de la pila en Python?
- 27. cómo aumentar el tamaño de acumulación de JVM
- 28. ¿cómo puedo aumentar el tamaño de este SVG?
- 29. Cómo aumentar el tamaño de fuente en javascript alert()
- 30. Cómo aumentar el tamaño del almacenamiento dinámico para el servidor jBoss
posible duplicado de [jQuery UI Resizable - Cómo espesar el identificador] (http://stackoverflow.com/questions/6451285/jquery-ui-resizable-how-to-thicken-handle) –