Administrator Manual > Member's Responsive Portal

  

 

 

Member’s Responsive Portal

 

The Member’s Responsive Portal provides an optimal viewing and interaction experience for your members across a wide range of devices. It makes it easier for your members to read and navigate your website with minimum resizing and scrolling.

The Member’s Responsive Portal is available on portal 4 if you have a new installation (or a different portal number if you have been using Arena for some time and have other portals). The Member’s Responsive Portal can be used in place of the Member’s Portal 2.

To use the Member’s Responsive Portal, customize the following areas in Administration: Portal List, Templates, Page and Menu Names, and Color Scheme.

 

Portal List

Templates

Webpage Name and Menu Name

Webpage Color Scheme

 

Portal List


To use the Member’s Responsive Portal, remove the ArenaWeb portal as the default domain and add the Member’s Responsive Portal as the default domain.

From the Administration menu, click the Portal List option located under the WEBSITE heading.

On the list of portals, click the ArenaWeb link to display the detail page for the portal. Locate the Default Domain setting. Write down the information in the field (the copy/paste function can be used) then delete the information in the field. Click the Update button to save the changes.

On the list of portals, click the Member’s Responsive Portal link to display the detail page for the portal. Locate the Default Domain setting. Enter the information or use the paste function to update the field. Click the Update button to save the changes.

 

Templates


From the Administration menu, click the Templates option located under the WEBSITE heading. Click the Member’s Responsive folder link to display the template contents page.

 

From the template contents page, you can edit different content sections of your webpage. For example, to add your church’s name to your webpage click the Header Content tab. Click the Add link to create a New Module. Click the New Module link to display the Settings page.

In the Details field, type in your church’s name and location then click the Update button. If you are already logged in to your website, refresh cache to view your changes.

To add your church’s address to the webpage, click the Bottom Middle Content tab. Click the Add link to create a New Module. Click the New Module link to display the Settings page. In the Details field type in your church’s address then click the Update button. Refresh cache to view your changes.

If you are familiar with HTML, more customized editing can be made on your webpage. On the Settings page of any Content Module Instance, click the True radio button for Enable Editing to display the Edit  icon on your webpage. On your webpage, click the Edit icon to display an HTML editor for that content section.

 

Webpage Name and Menu Name


To change the Page Name and Menu Name of your webpage, go to the Pages option on the Administration menu. Click the Member’s Responsive Portal folder link then click the Home folder link. Click the Edit Details button to display the Details and Contents page. Enter your Page Name and Menu Name in the fields then click the Update button. Refresh cache to view the changes on your website.

 

Webpage Color Scheme


Several color scheme options are available and can be customized by editing the Bootstrap CSS Include field. To change the color scheme go to the Portal List option on the Administration menu. Click the Member’s Responsive Portal name link.

In the Bootstrap CSS Include field, remove ‘cosmo’ and replace with one of the following CSS options:

Cyborg (CSS/cyborg.bootstrap.css)

Darkly (CSS/darkly.bootstrap.css)

Flatly (CSS/flatly.bootstrap.css)

Sandstone (CSS/sandstone.bootstrap.css)

Slate (CSS/slate.bootstrap.css)

Spacelab (CSS/spacelab.bootstrap.css)

United (CSS/united.bootstrap.css)

 

If you have a custom bootstrap CSS to use, copy it to the CSS folder under Arena (C:\Programfiles\x86\Arenachms\Arena\CSS).

Additional CSS themes can be found at Bootswatch.com.