--- url: 'https://dxpr.com/pl/hc/dokumentacja/nauka-dxpr-builder/elementy/panel' title: 'Dodawanie panelu | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T13:57:47+00:00' updated: '2026-10-24T17:19:22+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: 'Otrzymujesz ramkę z kolorowym paskiem tytułu, która trzyma razem powiązaną treść, na przykład godziny otwarcia albo powiadomienie. Użyj jej, gdy jeden blok strony potrzebuje własnego nagłówka i ramki.' tags: - Marketing image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T17:19:22+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Dodawanie panelu' description: 'Otrzymujesz ramkę z kolorowym paskiem tytułu, która trzyma razem powiązaną treść, na przykład godziny otwarcia albo powiadomienie. Użyj jej, gdy jeden blok strony potrzebuje własnego nagłówka i ramki.' image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T13:57:47+0000' dateModified: '2026-10-24T17:19:22+0000' author: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' mainEntityOfPage: 'https://dxpr.com/pl/hc/dokumentacja/nauka-dxpr-builder/elementy/panel' articleSection: Marketing - '@type': WebPage '@id': 'https://dxpr.com/pl/hc/dokumentacja/nauka-dxpr-builder/elementy/panel' description: 'Otrzymujesz ramkę z kolorowym paskiem tytułu, która trzyma razem powiązaną treść, na przykład godziny otwarcia albo powiadomienie. Użyj jej, gdy jeden blok strony potrzebuje własnego nagłówka i ramki.' breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: 'Strona Główna' item: 'https://dxpr.com/pl' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: pl --- [Centrum pomocy](/pl/hc)/[Dokumentacja](/pl/hc/dokumentacja) /[Poznaj DXPR Builder](/pl/hc/documentation/learn-dxpr-builder) /[Buduj strony](/pl/hc/documentation/learn-dxpr-builder/build) /[Dodaj treści](/pl/hc/documentation/learn-dxpr-builder/elements) /[Marketing](/pl/hc/documentation/learn-dxpr-builder/elements/marketing) # Dodawanie panelu. Poznaj DXPR BuilderBuduj stronyDodaj treściMarketing ## W tym przewodniku Powiązane przewodniki - [Zmień wygląd elementu w panelu Styl](/pl/hc/dokumentacja/nauka-dxpr-builder/ustawienia-elementu/panel-styl) Otrzymujesz ramkę z kolorowym paskiem tytułu, która trzyma razem powiązaną treść, na przykład godziny otwarcia albo powiadomienie. Użyj jej, gdy jeden blok strony potrzebuje własnego nagłówka i ramki. ## Dodaj panel Otwórz swoją stronę po zalogowaniu: przyciski kreatora pojawiają się po najechaniu na obszar treści. [Twoja pierwsza strona](/pl/hc/dokumentacja/nauka-dxpr-builder/pierwsze-kroki/pierwsza-strona) przedstawia podstawy. 1. Najedź na kolumnę i kliknij **+** na jej pasku sterowania albo kliknij **Add Elements** na pustej stronie. Otwórz zakładkę **Treść** i kliknij **panel**. Panel pojawi się na górze kolumny, bez okna dialogowego. 2. Najedź na panel, kliknij **More** na jego pasku sterowania i wybierz **Settings**. Wpisz **Tytuł**. 3. Wybierz **Typ** koloru: DXPR, Default, Primary, Success, Info, Warning albo Danger. Tutaj wybieramy **Primary**. 4. Kliknij **Zapisz** w oknie dialogowym. 5. Kliknij **+** wewnątrz treści panelu i dodaj **przycisk** z zakładki **Treść**. Element tekstowy też się sprawdzi, na przykład do godzin otwarcia. Następnie kliknij **Zapisz** na pasku narzędzi u góry obszaru treści, aby zapisać stronę. ## Co widzisz Twój tytuł siedzi w kolorowym pasku tytułu, a przycisk w treści panelu pod nim. Przycisk to osobny element, więc edytujesz go i stylizujesz osobno. Na filmie panel Primary o tytule Citizen Services Opening Hours zawiera przycisk rezerwacji. Odwiedzający zobaczą go po zapisaniu i opublikowaniu strony. ## Skonfiguruj panel Najedź na element i otwórz **More > Settings** na jego pasku sterowania. Opcje: - **Tytuł:** tekst na pasku tytułu. Pozostaw puste dla panelu bez paska tytułu. - **Typ:** kolor ramki i paska tytułu, z twojego motywu: Default, Primary, Success, Info, Warning albo Danger. DXPR, opcja domyślna, to zamiast tego ciemny blok z jasnym tekstem. Panel jest kontenerem. Dodaj do jego treści tekst, obrazy, ikony albo przyciski albo je tam przeciągnij. ## Jeśli go nie widać - **Panel nie występuje w zakładce Treść.** Twój profil użytkownika go ukrywa. Poproś administratora o zaznaczenie **Panel (Bootstrap 3)** w sekcji **Elements** na stronie [Profile użytkowników](/pl/hc/dokumentacja/nauka-dxpr-builder/administracja/profile-uzytkownikow). - **Zniknął po przeładowaniu.** Strona nie została zapisana. Dodaj go ponownie i kliknij **Zapisz** na pasku narzędzi u góry obszaru treści. - **Po dodaniu panelu nie otwiera się okno ustawień.** Panel wstawia się bez okna. Najedź na element i otwórz **More > Settings**, aby ustawić tytuł i typ. - **Panel pokazuje pasek tytułu i nic pod nim.** W środku nie dodano jeszcze żadnego elementu. Kliknij **+** w treści panelu i dodaj tekst albo przycisk. - **Brakuje paska tytułu.** Pole **Tytuł** jest puste. Najedź na element i otwórz **More > Settings**, a następnie wpisz tytuł. ## Co dalej? [Panel Styl](/pl/hc/dokumentacja/nauka-dxpr-builder/ustawienia-elementu/panel-styl), aby zmienić odstępy i tło panelu.