Issue #1565💬 RespondidoAbierto el 8 de noviembre de 2018por MisterFKReacciones 0

Cuestión para crear un bloque de "2 columnas"

Respuesta rápidapor artf

Deberías añadir el estilo adecuado para ver algo, prueba con algo así '''js blockManager.add('the-row-block', { etiqueta: '2 Columnas', Contenido: ' <div class="row" data-gjs-droppable=".row-cell" data-gjs-custom-name="Row"> <div class="row-cell" data-gjs-draggable=".row"></div> <div class="row-cell" data-gjs-draggabl...

Lee la respuesta completa abajo ↓

Pregunta

Hola, tengo un nuevo problema, estoy siguiendo el tuto y quiero crear el bloque "2 columnas" (o más). Intento usar (y entender, por eso no quiero usar grapesjs-blocks-basic) esta parte del código:

blockManager.add('the-row-block', {
   etiqueta: '2 Columnas',
   contenido: '<div class="row" data-gjs-droppable=".row-cell" data-gjs-custom-name="Row">' +
       '<div class="row-cell" data-gjs-draggable=".row"></div>' +
       '<div class="row-cell" data-gjs-draggable=".row"></div>' +
     '</div>',
 })

Pero no sé qué tengo que hacer en la clase ".row" y ".row-cell" para que este ejemplo funcione... Pruebo algunos estilos pero no aparece nada y es imposible arrastrar algo dentro, aunque los elementos existen en los paneles de capas. ! bug_columns

¡Gracias por la ayuda!

Respuestas (2)

artf8 de noviembre de 2018

Deberías añadir el estilo adecuado para ver algo, prueba con algo así '''js blockManager.add('the-row-block', { etiqueta: '2 Columnas', Contenido: ' <div class="row" data-gjs-droppable=".row-cell" data-gjs-custom-name="Row"> <div class="row-cell" data-gjs-draggable=".row"></div> <div class="row-cell" data-gjs-draggable=".row"></div> </div> <style> .row { pantalla: flex; Justificar-contenido: Inicio flexible; Alinear-ítems: estiramiento; Flex-wrap: sin wrap; relleno: 10px; Altura mínima: 75px; } .row-cell { flex-grow: 1; Base flexible: 100%; relleno: 5px; } </style> `, })

lock[bot]9 de noviembre de 2019

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.

Explora plugins gratuitos →
Opción premium

Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.

Explora plugins premium →

Tutoriales relacionados

Guías detalladas sobre el mismo tema.

Todos los tutoriales →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.