Chapter Maintenance

Is updating your Chapter Website challenging? Here's an easy way to update your Chapter Website to make it look ROBUST!

Quick Links

Home Page Set-Up

Video Coming Soon!

 

 

Home Page - Advanced Set-Up

Video Coming Soon!

Chapter Leaders Set-Up

Video Coming Soon!

References

Edit Page References

Edit Page – Must be a community admin to edit pages

Build Tab

a.      Rows: Use to form your page. E.g. Rows, Columns (1, 2, 3, 4)

b.      Content:

                                                    i.     Hyperlink/URL

                                                   ii.     Javascript

                                                  iii.     File Upload

                                                  iv.     HTML – Use to customize your website

c.      Most populate widgets to use:

                                                    i.     Carousel: Display your educational activities, events, etc..

                                                   ii.     Community Slideshow: Create albums for your activities

                                                  iii.     Events Calendar: Displays your Events Calendar by Month, Week, Day or List

                                                  iv.     Quick Links: Link to websites or pages within the ANIA Sites or Chapter Sites

Properties

a.      Visible in Navigation – check box to display in Navigation Menu

b.      Navigation Title: Enter your navigation title. E.g. Learning Tracks

c.      Page Title: Enter Page Title. Defaults as your Navigation Title, if blank.

d.      Show Page Title: If check, displays the Page Title

e.      Syndication: If checked, prevent this item from being syndicated to other pages/sites

f.       View Permission: Shows content to Everyone (Visible to everyone, all the time), Logged In (Visible to users who are logged in), Custom Permissions

NOT all inclusive.

Change your Chapter Leadership Layout (Coming Soon!)

Do not delete your original Chapter Leadership Configuration - Go to Properties to HIDE the original configuration.

Label and Image

  • Decide on your format.  You should have a Present, Vice President, Secretary and Treasurer
  • Click and drag the layout you want
  • Then add the Title and Image

About your Chapter Leader

  • Name with title
  • Where you work
  • City, State
  • Information about your leader. 
  • Click on SAVE.

You can also copy and paste the HTML Layout in the Source Code and edit the wording. 

<h3><strong><span style="color: rgb(35, 111, 161);">Katie Taylor, MSN, RN-BC</span></strong></h3>
<p><span style="font-size: 12pt;">Catholic Health Services</span></p>
<p><span style="font-size: 12pt;">Fort Lauderdale, FL</span></p>
<p><span style="font-size: 12pt;">Katie is the Director of Informatics for Catholic Health Services in Fort Lauderdale, FL. Her days as an Informatics Nurse are spent managing the EMR systems and integrated technology of her organizations Skilled Nursing Facilities, Rehab Hospitals and Nursing Homes.  She love working as part of the interdisciplinary team and guiding the creation, implementation, and management of improved workflows and standardizing processes throughout her organization.</span></p>
<p></p>
<p></p>
<p></p>

Add a Quick Link

STEPS:

  1. Go to the page you want to update and click on EDIT PAGE. 
  2. Go to the Build Tab and click and drag your row format to the main page
  3. In the Widget, search for Quick Link and click and drag to your page layout
  4. Click on Save. 
  5. Click on Publish. 
  6. After you publish it, you can go to your page and add a Quicklink.
Add a Hyperlink

Option 1: Add hyperlink by clicking and dragging the Content 'Hyperlink/URL' to your page layout.

Option 2: Click and drag the HTML to your page layout. 

Edit the HTML and copy and paste the below. You can rename the Title and add the hyperlink/URL. 

<p style="text-align: left;"><span style="font-size: 14pt; color: rgb(255, 0, 0);"><strong>Missed the Southeast Region Webinars? </strong></span></p>
<p><span style="font-size: 21.3333px;"><span style="font-size: 16pt;"><a href="https://community.ania.org/southflorida/learning-tracks" target="_blank" rel="noopener">Click here to view the videos!</a></span></span></p>

> Add your Planned Activities for the year (helps to track for Distinguished Chapter)

Use the HTML and copy and paste the below source code. Once you add it, you can edit the information. 

<style>
table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #D6EEEE;
}
</style>
<h2><span style="font-size: 18pt; color: rgb(255, 0, 0);"><strong>ANIA South Florida Chapter Activities</strong></span></h2>
<p> </p>
<table style="width: 100%; height: 493.39px;">
<tbody>
<tr style="height: 37.9531px;">
<th style="width: 47.7723%; height: 37.9531px;">Activities</th>
<th style="width: 27.8465%; height: 37.9531px;">Date</th>
<th style="width: 24.3812%; height: 37.9531px;">Status</th>
</tr>
<tr style="height: 37.9531px;">
<td style="width: 47.7723%; height: 37.9531px;">Educational Activity - Human Trafficking</td>
<td style="width: 27.8465%; height: 37.9531px;">1/30/2023</td>
<td style="width: 24.3812%; height: 37.9531px;">Completed</td>
</tr>
<tr style="height: 37.9531px;">
<td style="width: 47.7723%; height: 37.9531px;">Chapter Meeting</td>
<td style="width: 27.8465%; height: 37.9531px;"></td>
<td style="width: 24.3812%; height: 37.9531px;">Completed</td>
</tr>
<tr style="height: 37.9531px;">
<td style="width: 47.7723%; height: 37.9531px;">SE Regional Webinar 1</td>
<td style="width: 27.8465%; height: 37.9531px;">3/16/2023</td>
<td style="width: 24.3812%; height: 37.9531px;">Completed</td>
</tr>
<tr style="height: 37.9531px;">
<td style="width: 47.7723%; height: 37.9531px;">Donate a Book Volunteer Event</td>
<td style="width: 27.8465%; height: 37.9531px;">5/9/2023 - 5/26/2023</td>
<td style="width: 24.3812%; height: 37.9531px;">Completed</td>
</tr>
<tr style="height: 37.9531px;">
<td style="width: 47.7723%; height: 37.9531px;">Social Event - Lunch at Sitrunk Marketplace</td>
<td style="width: 27.8465%; height: 37.9531px;">5/26/2023</td>
<td style="width: 24.3812%; height: 37.9531px;">Completed</td>
</tr>
<tr style="height: 37.9531px;">
<td style="width: 47.7723%; height: 37.9531px;">SE Regional Webinar 2</td>
<td style="width: 27.8465%; height: 37.9531px;">6/15/2023</td>
<td style="width: 24.3812%; height: 37.9531px;">Completed</td>
</tr>
<tr style="height: 37.9531px;">
<td style="width: 47.7723%; height: 37.9531px;">Chapter Meeting</td>
<td style="width: 27.8465%; height: 37.9531px;">Scheduling</td>
<td style="width: 24.3812%; height: 37.9531px;">In progress</td>
</tr>
<tr style="height: 37.9531px;">
<td style="width: 47.7723%; height: 37.9531px;">Distinguished Chapter Celebration (Sponsored Event)</td>
<td style="width: 27.8465%; height: 37.9531px;">TBD</td>
<td style="width: 24.3812%; height: 37.9531px;">In progress</td>
</tr>
<tr style="height: 37.9531px;">
<td style="width: 47.7723%; height: 37.9531px;">SE Regional Webinar 3</td>
<td style="width: 27.8465%; height: 37.9531px;"></td>
<td style="width: 24.3812%; height: 37.9531px;">To Do</td>
</tr>
<tr style="height: 37.9531px;">
<td style="width: 47.7723%; height: 37.9531px;"></td>
<td style="width: 27.8465%; height: 37.9531px;"></td>
<td style="width: 24.3812%; height: 37.9531px;"></td>
</tr>
<tr style="height: 37.9531px;">
<td style="width: 47.7723%; height: 37.9531px;">Volunteer Event</td>
<td style="width: 27.8465%; height: 37.9531px;"></td>
<td style="width: 24.3812%; height: 37.9531px;">To Do</td>
</tr>
<tr style="height: 37.9531px;">
<td style="width: 47.7723%; height: 37.9531px;">SE Regional Webinar 4</td>
<td style="width: 27.8465%; height: 37.9531px;"></td>
<td style="width: 24.3812%; height: 37.9531px;">To Do</td>
</tr>
<tr>
<td style="width: 47.7723%; height: 37.9531px;">End of Year Member Engagement</td>
<td style="width: 27.8465%; height: 37.9531px;"></td>
<td style="width: 24.3812%; height: 37.9531px;">To Do</td>
</tr>
</tbody>
</table>

Getting Involved with Label, Text and Image

STEPS:

1) Go to the page you want to update and click on EDIT PAGE. 

2) Go to the Build Tab and click and drag your row format to the main page

3) Then click and drag the HTML to your layout. 

4) Click on the section to EDIT the HTML

5) Copy and paste the SOURCE Code into the HTML (make sure to click on the HTML to get to the Source Code Page

6) Click on SAVE. 

7) After you save, you can edit your information in the EDIT HTML Screen. 

7) Click on PUBLISH. 

<h1><span style="color: rgb(224, 62, 45); font-size: 14pt;"><strong><img src="https://higherlogicdownload.s3.amazonaws.com/ANIA/868416e6-92b7-467a-a0f8-fac44a0013ab/UploadedImages/Volunteer_PIC.jpg" class="img-responsive" alt="" data-mce-hlimagekey="37ce3762-6c57-fe9b-35a4-337fa30a2bb1" data-mce-hlselector="#TinyMceContent_acaf5b98-c275-828f-c4aa-4052103e07b4-tinyMceHtml" width="545" height="288"><img src="Volunteer" class="img-responsive" alt="" data-mce-hlimagekey="9e673db5-cb7f-b429-7e71-9a5869524903" data-mce-hlselector="#TinyMceContent_dc0d4556-c2e4-60a1-a71b-7d649ac4c1d0-tinyMceHtml">Getting Involved!</strong></span></h1>
<p><span style="font-size: 12pt;"><strong><span style="color: rgb(53, 152, 219);"><span style="color: rgb(35, 111, 161);">Education:</span> </span>TBD</strong></span></p>
<p><span style="font-size: 12pt;"><strong><span style="color: rgb(35, 111, 161);">Member Engagement: </span>Connie</strong></span></p>
<p><span style="font-size: 12pt; color: rgb(35, 111, 161);"><strong>Membership:</strong></span></p>
<p><span style="font-size: 12pt;"><span style="color: rgb(35, 111, 161);"><strong>Newsletter</strong>:</span> Co-Editors: Katherine Thomas, Denise de los Reyes.<strong><span style="color: rgb(224, 62, 45);">(Coming Soon!)</span></strong></span></p>
<p><span style="font-size: 12pt;"><strong><span style="color: rgb(35, 111, 161);">Social Media: </span> </strong>Katrina Blissett</span></p>
<p><span style="font-size: 12pt;"><strong><span style="color: rgb(35, 111, 161);">Volunteer/Services: </span> </strong>Kristy Baker</span></p>
<p><span style="color: rgb(35, 111, 161);"><strong><span style="font-size: 12pt;">Website:</span></strong></span><span style="font-size: 12pt;">  Denise de los Reyes</span><span style="font-size: 12pt;"></span></p>
<p><span style="font-size: 12pt;"></span></p>
<p></p>
<p></p>
<p></p>

BUTTON with Hyperlink to PDF

STEPS:

1) Go to the page you want to update and click on EDIT PAGE.

2) Go to the Build Tab and click and drag your row format to the main page

3) Then click and drag the HTML to your layout.

4) Click on the section to EDIT the HTML

5) Copy and paste the SOURCE Code into the HTML (make sure to click on the HTML to get to the Source Code Page

6) Click on SAVE.

7) After you save, you can edit your information in the EDIT HTML Screen.

7) Click on PUBLISH.

Source Code: 

<style>
.btn {
  border: none;
  border-radius: 7px;
  padding: 12px 20px;
  font-size: 20px;
  cursor: pointer;
  background-color: #ff0000;
  color: white;
  position: relative;
}

.btn a, .btn a:hover {
color:white;
}


.ribbon {
  width: 80px;
  font-size: 14px;
  padding: 4px 10px;
  position: absolute;
  right: -25px;
  top: -12px;
  text-align: center;
  border-radius: 30px;
  transform: rotate(20deg);
  background-color: #ff9800;
  color: white;
}
</style>
<h1></h1>
<h1 style="text-align: center;"><button class="btn"><a href="https://higherlogicdownload.s3-external-1.amazonaws.com/ANIA/77857583-66cc-ae96-b78b-5d01aabe363f_file.pdf?AWSAccessKeyId=AKIAVRDO7IEREB57R7MT&amp;Expires=1689052324&amp;Signature=MZ3ta%2FVaYRfI9TJb4U4BIi1udgo%3D">HOT OFF THE PRESS!</a> <span class="ribbon">COMING!</span></button></h1>
<p></p>
<p></p>

Chapter Events

TBD


 
Chapter Announcements

TBD


 

The 7 Continents

➤ Click on the dots in the image to go to a continent section

World Map

Africa

Our locations in Africa

Asia

Our locations in Asia

Europe

Our locations in Europe.

South America

Our locations in South America.

North America

Our locations in North America:

Antarctica

Our locations in Antarctica.

Australia

Our locations in Australia.

PRACTICE, PRACTICE, PRACTICE...

  1. Edit Page
  2. Click and drag your row (this is setting up your page layout)
  3. Click and drag the HTML to the main page
  4. Edit the Section with the HTML, click on HTML and copy and paste the HTML Source Code
  5. Edit where needed.
RED:  #ed1c24
BLUE:  1919f3
BLUE: 124e8d