pd_open_page

Dashboard!

Page Title!

Page section!

Header 1

Header 2

Header 3

Header 4

Header 5

pd_dashboard_title, pd_page_title, pd_page_section, pd_page_subtitle

---

Forms

pd_select_formal_lg pd_wide 🎩 Ballot - Members will vote for candidates OR something else☑️ Invite - Members will RSVP to something🔧 Condition Report - Members are giving feedback on the facility📊 Survey - Members are being asked their opinion👷‍♀️ Work Day - Members will sign up for work jobs🍔 Potluck - Members will sign up to bring food🏊‍♂️ Water Watchers - Members will volunteer to help watch the pool pd_select_formal_lg pd_wide🎩 Ballot - Members will vote for candidates OR something else☑️ Invite - Members will RSVP to something🔧 Condition Report - Members are giving feedback on the facility📊 Survey - Members are being asked their opinion👷‍♀️ Work Day - Members will sign up for work jobs🍔 Potluck - Members will sign up to bring food🏊‍♂️ Water Watchers - Members will volunteer to help watch the pool

pd_select_formal_smpd_select_formal_sm

pd_text_poppler_lg, pd_text_poppler_sm, pd_text_formal_lg, pd_text_formal_sm

---

Spacers

pd_spacer_lg, pd_spacer_md, pd_spacer_sm

Layout

pd_container must house the flex boxes

pd_container must house the flex boxes

<div class="pd_container">

<div class="pd_size_3 pd_pad1"></div>
<div class="pd_size_3 pd_pad1"></div>
<div class="pd_size_3 pd_pad1"></div>
<div class="pd_size_3 pd_pad1"></div>

</div>

---

Parallax

<div style="background-image: url(https://democlub.pooldues.com/wp-content/uploads/2021/02/flower-at-Mill-Glen.jpg);" class="pd_parallax pd_size_12">

Buttons

pd_select_image

<a class="pd_select_image" href="yes">pd_select_image</a>

---

board-button

<a class="board-button" href="yes">board-button</a>

---

Join Online poppler_lg

<a class="poppler_lg" href="">poppler_lg</a> - Deprecate this one

---

pd_button_poppler_lg

<a class="pd_button_poppler_lg" href="">pd_button_poppler_lg</a>

---

poppler

<a class="poppler" href="">poppler</a> - Deprecate this one

---

pd_button_poppler_md

<a class="pd_button_poppler_md" href="">pd_button_poppler_md</a>

---

pd_button_poppler_md2

<a class="pd_button_poppler_md2" href="">pd_button_poppler_md2</a>

---

<input type="submit" class="tiny-poppler" value="tiny-poppler"> - Deprecate this one

---

<input type="submit" class="pd_button_poppler_sm" value="pd_button_poppler_sm">

---

<input type="submit" class="pd_button_poppler_md" value="pd_button_poppler_md">

---

<input type="submit" class="pd_button_poppler_md2" value="pd_button_poppler_md2">

---

<input type="submit" class="pd_button_poppler_lg" value="pd_button_poppler_lg">

---

<input type="submit" class="poppler" value="poppler"> - Deprecate this one

---

tagbutton

<button class="tagbutton" >tagbutton</button>

📘 Find out more in the Knowledge Base

<a rel="tooltip" target="_blank" href="https://help.pooldues.com/knowledge-base/enter-multiple-members-paid-by-check-at-once/" data-toggle="tooltip" data-original-title="Click here to learn more about this module in our Knowledge Base" class="tagbutton" >📘 Find out more in the Knowledge Base</a>

Helpers

pd_wide , pd_white, pd_thick, pd_hidden_xs (hide on small devices), pd_hidden_normal (hide on desktop)
pd_spacer_lg , pd_spacer_md, pd_spacer_sm




pd_open_page
pd_dashboard_title, pd_page_title , pd_page_subtitle
pd_page_section
pd_td
pd_text_poppler_lg, pd_text_poppler_sm, pd_text_formal_lg, pd_text_formal_sm
pd_textarea_formal
pd_select_formal_lg, pd_select_formal_sm
pd_container
pd_pad1, pd_pad2
pd_parallax
pd_vertical_center



Tooltip


Need to start replacing data-original-title with title

Using test_class on div