Komponent Formularz. Rys. 1. Strona programu Joomla - Rys. 2. Instalacja komponentu

Transkrypt

1 Komponent Formularz Instalacja Aby wykorzystać gotowy komponent do tworzenia formularzy w systemie CMS (Joomla), naleŝy uprzednio zaimplementować go, postępując według poniŝszego schematu: 1. Wejść na stronę programu Joomla i pobrać spakowany plik form-come.1.0.2pl.zip (rys.1.). Rys. 1. Strona programu Joomla Zainstalować komponent poprzez instalatora Joomla y (rys.2) Rys. 2. Instalacja komponentu Po czym w zakładce Instalatory/Komponenty sprawdzamy zasoby zainstalowanych komponentów. 1

2 Rys.3. Zawartość zainstalowanych komponentów 3. Otwieramy zakładkę Komponenty/Formularze, Po czym moŝemy podejrzeć przykładowe formularze, instalując przykładowe dane. Po zapoznaniu się z komponentem przystępujemy do projektowania formularza, wykorzystując do tego MenedŜera formularzy (rys.4.). Rys. 4. Zaplecze kreatora formularzy Konfiguracja Aby utworzyć nowy formularz naleŝy wybrać z menu Utwórz, w wyniku czego pojawi się edytor formularza (rys. 5.). 2

3 Rys. 5. Edytor formularzy Formularz konfigurujemy przez zakładki, Formularz, Styl, Podziękowania, Poczta (okno konfiguracji z lewej strony). W zakładce Formularz definiujemy tytuł oraz id formularza, moŝemy takŝe zdefiniować adres URL, do którego wrócimy po wypełnieniu formularza. W zakładce Styl moŝemy dowolnie zmieniać styl wyświetlanego formularza. Wnikając w strukturę kodu html moŝemy dowolnie zmieniać kształt, układ lub szatę graficzną formularza. (rys. 6.) Rys. 6. Edytor stylu formularza W zakładce Podziękowania definiujemy tekst wiadomości, która zostanie wyświetlona po wysłaniu formularza przez uŝytkownika. 3

4 W zakładce Poczta definiujemy treść wiadomości , która towarzyszyć będzie formularzowi. Podpowiedzi jak wypełniać poszczególne pola są zawarte przy kaŝdej zakładce komponentu. Tworzenie pól formularza Aby utworzyć pola formularza, naleŝy wybrać w edytorze formularza przycisk Utwórz i zdefiniować wszystkie funkcje określające dane pole. Definiujemy: Pole Id nazwa identyfikatora pola. UŜywa się tylko liter. Nie stosuje się spacji oraz znaków specjalnych (nazwisko). Pole tytułu nagłówek, nazwa pola (Nazwisko). Opis - W tym miejscu moŝna dodać objaśnienie do pola. Objaśnienie będzie wyświetlane po prawej stronie pola. Sprawdzaj; - dla adresu , sprawdza poprawność adresu. - numer dla pola zawierającego liczby - mandatowy dla pola zawierającego litery Typ pola - Wybierz rodzaj pola. - Text, pola dowolnego tekstu. - Password, pole dla haseł - Radio, pole wyboru ( jeśli takich pół jest kilka i posiadają tą samą zmienną, to wybór przeskakuje na pole zaznaczone) - Checkbox, pole wyboru - Callendar, w tym polu pojawi się pole tekstowe oraz mini kalendarz z którego moŝna wybrać datę. - Textarea, większe pole dla dowolnego tekstu. - Selekt, rozwijana list wyboru, następnie w polu wartość domyślna naleŝy stosować zasadę: val1 Title1,val2 Title2,val3 Title3 - Buton, przycisk - Imagebutton, przycisk z grafiką, podaj ścieŝkę url do pliku. - Submit buton, przycisk wysyłania formularza, w pole wartość domyslna naleŝy wpisać tekst wyślij - file upload, pole dla wczytywania plików, musimy zdefiniować w polu wartość domyślny rodzaj wczytywanego pliku. W tym celu podajemy typy rozszerzeń plików. Np.: audio/mpeg,video/mpeg,image/jpeg,image/gif - free tekst, pole dla dowolnego tekstu. Podgląd Aby podejrzeć formularz (rys. 8.)naleŜy wybrać z menagera formularzy link do formularza (rys. 7.). Rys. 7. Menager formularzy. 4

5 Rys. 8. Przykład formularza wykonanego za pomocą komponentu. Aby podejrzeć formularze przychodzące wybieramy z głównego menu komponentu opcję Formularze przychodzące i wybrać formularz. (rys. 9) Rys. 9. Lista przychodzących formularzy. Aby utworzyć link na stronie do formularza naleŝy utworzyć w menu odnośnik, z tabeli pozycji menu Łącza naleŝy wybrać: Pozycja :: Adres zasobu. (rys. 10). Rys. 10. Tabela odnośników menu Łącza. Podajemy tytuł menu oraz adres menagera formularzy. (rys. 11) 5

6 Rys. 11. Tabela odnośników menu Łącza. 6