Novo Bootblocks com Editor Visual

dvdrothen

Depois de muito trabalho, estamos disponibilizando uma nova ferramenta na plataforma Bootblocks:
O construtor Visual

Essa parte substituirá a parte HTML com blocos do sistema atual. Ao criar um novo projeto, você poderá escolher entre criar o projeto com o construtor visual ou com os blocos. A parte de Javascript continua como era antes em ambos os casos.
Isso não afeta os projetos antigos.

Essa parte foi lançada dia 12/08/2024 e com o tempo vamos adicionar mais componentes.
Se você encontrar um bug, pode colocar aqui mesmo neste post.

Agradeço a todos pelos seus feedbacks que nos ajudaram até agora!

FazerBem

aqui nos blocos em USO, seria interessante quando selecionado o bloco, o bloco no layout fosse tb selecionado. Explicar: selecionei o bloco input_1, então o "Digite aqui" ficaria tb marcado, desta forma seria mais fácil de movimentar os blocos no layot. Tentei movimentar os blocos e não consegui fazer a troca de posição, ele foi pra baixo .

Esta muito bacana agora criar as telas !!

dvdrothen

FazerBem
Talvez fazer um contorno sobre o bloco selecionado?
Para inverter a posição, pode puxar o outro pra frente, funcionou pra mim

FazerBem

dvdrothen Para inverter a posição, pode puxar o outro pra frente, funcionou pra mim

sim funciona, mas nesta configuracao que estou usando acima, ao mover a caixa da direira para esquerda, ele desce. para baixo da Div, se mover da esquerda para direita vai bem.

Talvez fazer um contorno sobre o bloco selecionado?

Perceba que No estilo do Kodular, quando vc movimenta algo, vc percebe um marcador apontando a posicao que vai ficar este bloco que sera movido

FazerBem

para entender melhor, tentei colocar a caixa 3 no meio da caixa 1 e 2 e nao foi possivel, mas facilmente consigo mover a 1 ou a 2 para depois da caixa 3, entendeu.

dvdrothen

FazerBem
Neste caso, precisa arrastar o 1 para a posição final. Mas vou ver se é possível colocar um espaço ali no meio

dvdrothen

FazerBem
Atualizei para arrastar e substituir o componente:

VNG

dvdrothen Top Deivid. Mas mantenha a parte dos blocos. Achei muito rápido e poderoso essa forma, diferente do Kodular. Mas o visual será bem vindo. Meu E-Mail, pvguitarplayer@hotmail.com. Pode contar comigo..

VNG

dvdrothen Deivid, uma função bem vinda seria a possibilidade de criar grupos, onde ficaria conjuntos de blocos com a possibilidade de nomeá-los. Exemplo: Grupo Botões, e ter os nomes acima como tags que ao clicar nelas te levaria para esses gupos diretamente. Isso iria ajudar muito na organização dos blocos..

VNG

VNG Outra coisa legal seria a possibilidade de colacar as janelas HTML (Visual) e JS em monitores separados. Isso também iria agilizar muito as coisas..

dvdrothen

VNG
Obrigado pelas sugestões.
Sobre a parte de blocos em HTML, vai continuar como está, só não pretendo atualizar mais. A ideia é migrar para a parte visual

FazerBem

se der para trazer nossos projetos ja prontos seria uma boa tb. Mas de uma maneira que possamos ou nao escolher trazer para a nova versao

dvdrothen

FazerBem
Infelizmente não vai ser possível, principalmente por que na versão de blocos tem o PHP. E no visual é usado somente HTML e css inline.

VNG

dvdrothen Entendi. Você acha que daria pra colocar outro emulador, no formaro Landscape? Pra gente criar Apps no estilo site. Diferente desse Portrait que é direcionado ao Mobile..

dvdrothen

VNG
Acredito que será possível sim, só vai apertar um pouco o espaço.. mas é uma boa

VNG

Massa Deivid está verdadeiramente WYSIWYG. Superior ao Kodular..

lcmatosj

Estou sentindo falta do bootstrap!

lcmatosj

poderia criar uma aba só com componentes bootstrap?

dvdrothen

lcmatosj
Vou criar mais componentes, alguns do bootstrap. Mas antes preciso testar esses e ver como o sistema se comporta. Com o tempo vou adicionar mais

VNG

dvdrothen Deivid há como criar blocos como os do Gemini, só que para a ElevenLabs. Para termos um sistema de TTS realmente de alto nível..

Próxima página »