Interfejs edytora formularzy w panelu administracyjnym cms_NGO został zaprojektowany z myślą o maksymalnej prostocie. Redaktor nie musi posiadać wiedzy programistycznej – cały proces przypomina układanie klocków i sprowadza się do wypełnienia jednego prostego wiersza.

Budowa i elementy modułu

  • Nagłówek roboczy: Pozwala nadać nazwę własną formularza (np. Formularz opinii) oraz dodać opis roboczy określający cel zbierania danych (np. Zbieranie opinii na temat wprowadzenia AI Act).

  • Pasek szybkiego dodawania pól (Górny wiersz):

    • Etykieta pola: Widoczny dla użytkownika podpis (np. Imię i nazwisko).

    • Nazwa w bazie (name): unikalny identyfikator techniczny generowany automatycznie lub wpisywany ręcznie (np. nazwisko).

    • Typ pola: rozwijana lista wyboru rodzaju pola (m.in. zwykłe pole tekstowe text, e-mail, pole wyboru checkbox, przyciski radio, skala ocen scale, czy nagłówek/sekcja naglowek).

    • Opcje wyboru: wpisywane po średniku wartości dla pól wielokrotnego lub pojedynczego wyboru (np. tak;nie;nie wiem lub 1;2;3;4;5).

    • Dodatkowy opis i warunki: puste pole z opcją dodania opisu warunkowego (wyświetlanego np. po spełnieniu konkretnego kryterium).

    • Wymagalność: przełącznik określający, czy wypełnienie pola jest obowiązkowe (Tak/Nie wymagane).

    • Przycisk + DODAJ: błyskawicznie zapisuje skonfigurowane pole i umieszcza je w tabeli poniżej.

  • Tabela istniejących pól (lista dynamiczna): przejrzyste zestawienie stworzonych już pól z podglądem ich etykiety, nazwy systemowej, typu oraz opcji wyboru.

Łatwość i elastyczność zarządzania (Drag & Order)

Proces dodawania i edycji jest maksymalnie uproszczony – wyklikanie podstawowego pola zajmuje zaledwie kilka sekund.

Kluczową zaletą interaktywną są przesuwne belki w tabeli akcji:

  • Góra/Dół (zielone strzałki): pozwalają w dowolnym momencie zmienić kolejność pól na formularzu bez konieczności ich usuwania i ponownego tworzenia lub po prostu "złap" belkę i przesuń ją w dowolne miejsce.

  • Szybka edycja i usuwanie (przyciski EDYTUJ i USUŃ): dają pełną kontrolę nad korektą błędów typograficznych czy zmianą wariantu opcji wyboru na żywo.

  • Podział na sekcje: możliwość dodawania specjalnego typu pola nagłówek (na zrzucie np. Część II) pozwala wizualnie dzielić długie formularze na czytelne bloki tematyczne.


Co nas wyróżnia?

  • Ekstremalna prostota (jeden wiersz = jedno pole): Wystarczy wpisać etykietę, wybrać typ pola z rozwijanej listy i kliknąć niebieski przycisk + DODAJ. Żadnego skomplikowanego kodowania czy szukania opcji w pięciu różnych zakładkach.

  • Porządek bez wysiłku (przesuwne belki): Możliwość zmiany kolejności pól zielonymi strzałkami GÓRA/DÓŁ to dla redaktora ogromna oszczędność czasu. Gdy po stworzeniu 10 pól okaże się, że np. Imię i nazwisko powinno być wyżej – poprawka zajmuje dokładnie dwa kliknięcia.

  • Elastyczność typów: Na jednym obrazku widać pełną paletę – od zwykłego tekstu, przez pola radio i checkbox, aż po skalę ocen scale czy dzielący formularz nagłówek (sekcja Część II).

  • Przejrzyste zarządzanie: Tabela pod spodem daje pełny podgląd tego, co zobaczy użytkownik, a opcja edycji i usuwania pozwala szybko skorygować każdą literówkę.

Pełny zestaw typów pól w formularzach cms_NGO

Zrzut ekranu świetnie pokazuje, dlaczego ten moduł jest tak wysoce funkcjonalny: redaktor nie musi znać technicznych terminów (np. textarea, select czy radio), ponieważ każda opcja w menu rozwijanym została opisana prosto i łopatologicznie.

Oto rozszerzony przegląd dostępnych pól wraz z ich zastosowaniem w codziennej pracy organizacji:

Zbieranie tekstów i danych kontaktowych

  • Zwykłe pole tekstowe (krótka odpowiedź): podstawowe pole do zbierania krótkich informacji, takich jak imię, nazwisko czy nazwa miejscowości.

  • Duże pole tekstowe (dłuższa wypowiedź): wielowierszowy obszar tekstowy, idealny na uzasadnienie wniosku rekrutacyjnego, treść uwag do petycji czy dokładny opis problemu przez beneficjenta.

  • Adres e-mail: pole ze wbudowaną walidacją składni. Zapobiega literówkom i umożliwia uruchomienie automatycznego potwierdzenia odbioru lub dwuetapowej weryfikacji w petycjach (double opt-in).

Pola wyboru i ankiety

  • Lista rozwijana (wybór z menu): oszczędza miejsce na ekranie, prezentując warianty do wyboru dopiero po kliknięciu. Świetne przy długich listach (np. wybór województwa lub lokalizacji projektu).

  • Wybór wielokrotny (kwadraciki - można kilka): pozwala użytkownikowi zaznaczyć więcej niż jedną opcję. Niezastąpione w ankietach potrzeb (np. „W jakich obszarach potrzebujesz wsparcia?”).

  • Wybór jednokrotny (kółeczka - tylko jedno): klasyczne przyciski opcji, które wymuszają wskazanie dokładnie jednej odpowiedzi (np. „Czy bierzesz udział po raz pierwszy? Tak / Nie”).

  • Pojedynczy checkbox (np. dodatkowa zgoda): dedykowane pole wyboru pod klauzule RODO, zgodę na przetwarzanie danych, akceptację regulaminu wydarzenia czy zapis do newslettera.

Ocena, liczby i kalendarz

  • Skala ocen (od 1 do 5): gotowy mechanizm do badania satysfakcji i opinii odbiorców (np. ocena jakości przeprowadzonych warsztatów lub poziomu zadowolenia z obsługi w punkcie pomocowym).

  • Tylko liczby (np. telefon, wiek): pole blokujące wprowadzanie liter, dające gwarancję, że zebrane numery telefonów czy wiek uczestników będą kompletne i poprawne.

  • Data (wybór z kalendarza): interaktywne okno wyboru daty, które eliminuje błędy w formatowaniu (np. preferowany termin spotkania czy data urodzenia).

Struktura i organizacja treści

  • NAGŁÓWKI SEKCJI (oddziela bloki pytań): element wizualny, który nie zbiera danych, ale pozwala podzielić długi formularz na logiczne części (np. Dane kontaktowe, Oczekiwania, Zgody formalne). Zwiększa to czytelność i wskaźnik ukończenia ankiety.