AYCC Form Builder
AYCC Form Builder consente di creare interfacce e contenuti visuali senza scrivere codice. Puoi costruire pagine, form, dashboard, elementi grafici, componenti dati e contenuti esportabili.
Accesso
Il modo consigliato per aprire il Builder e passare da MainApp_DEMO tramite la voce Builder nella sidebar. In ambiente locale puoi anche aprire http://localhost:5174.
| Percorso | Funzione |
|---|---|
/login | Accesso al Builder |
/register | Registrazione |
/guest-login | Accesso guest, se abilitato |
/dashboard | Elenco progetti |
/builder/:projectId | Editor visuale di un progetto |
/profile | Profilo utente |
/settings | Impostazioni |
/bridge | Accesso tramite MainApp_DEMO |
Dashboard progetti
Dalla dashboard puoi vedere i progetti disponibili, crearne uno nuovo, aprire un progetto esistente, gestire impostazioni e dati del progetto, accedere a inviti e collaborazione se abilitati.
Editor visuale
| Area | Cosa fai |
|---|---|
| Canvas | Disponi e selezioni gli elementi della pagina |
| Toolbox | Scegli componenti da aggiungere |
| Property panel | Modifichi testi, colori, dimensioni e comportamento |
| Layer o struttura | Controlli gerarchia e ordine degli elementi |
Componenti disponibili
Il Builder include testo, heading, HTML, bottoni, icone, immagini, video, slider, container, griglie, header, footer, form, shortcode, card, accordion, modal, tab, breadcrumb, dropdown, grafici, data grid, record list, calendario, task manager, inbox Chatwoot, social, avatar, stepper, spacer e divider.
Costruisci prima la struttura con container, griglie, header e footer. Aggiungi dopo testi, form e componenti dati.
Selezione e modifica degli elementi
- Seleziona un elemento sul canvas.
- Apri il pannello proprieta.
- Modifica contenuto, stile e impostazioni.
- Controlla il risultato in anteprima.
- Salva prima di cambiare pagina o progetto.
Gli elementi possono essere duplicati, eliminati, riordinati e spostati.
Template
I template permettono di partire da una struttura gia pronta per landing page, dashboard, moduli standard, sezioni ripetibili e prototipi rapidi. Dopo aver applicato un template, personalizza testi, colori, immagini e componenti dati.
Form e dati
Quando devi raccogliere dati in una tabella, prepara prima la base e la tabella nel DB Designer, poi usa il Builder per costruire il form o la vista.
Collaborazione
Il Builder include inviti a progetto, collaboratori, stato di collaborazione in tempo reale e backend dedicato alla sincronizzazione. Se piu persone lavorano sullo stesso progetto, concordate chi modifica quali pagine.
Plugin
I plugin estendono il Builder con componenti personalizzati. Prima di usare un plugin in un progetto importante, verifica che sia attivo, abbia un nome riconoscibile, funzioni in anteprima e venga incluso correttamente nell'export.
Export e pubblicazione
Prima di esportare apri l'anteprima, controlla desktop e mobile, verifica immagini e componenti dati, salva il progetto ed esegui l'export.
I componenti che dipendono da API, database o sessione utente potrebbero richiedere configurazioni aggiuntive fuori dal semplice export statico.