Involvements

Small Group Finder Step 3 - Create the Shell¶

If you have not read the Overview about how the Small Group Finder works, or Steps 1 and 2, you will want to do so before proceeding.

Create the Shell¶

This is the part of the Small Group Finder that will control the basic layout for the web page. The name of the shell is referenced in the Small Group Finder configuration file (the .XML file). The name itself does not matter, but a recommendation is SGF-Shell. Below is the code to used. The crucial element is the container division where the map goes, so be sure to retain line 7 as shown if you modify the shell.

Shell Modifications Are outside the Scope of Our Support

The supplied shell will function well with the other SGF elements in these help articles. If you have unique needs and must customize the shell, you will need to have your own resources skilled in HTML and CSS. Assistance with this is outside the scope of our Support.

Step 1

Go to Administration > Special Content > HTML tab, and click the green + New HTML File button.

Enter the File Name as SGF-Shell, and click Submit.

Step 2

Click Source in the toolbar of the text editor. Highlight anything that is currently there and delete it. Then copy the following text and paste it into the text editor.

<html>
<head>
        <title>Group Finder</title>
        <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" />
        <meta content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
</head>
<body>
<div class="container"><!-- CONTAINER -->
<div class="text-center">
<footer>Small Group Footer</footer>
</div>
</div>
</body>
</html>

Step 3

Click Source again.

Make any changes to the text of the footer.

Click Save Content.

Involvements

Small Group Finder Step 3 - Create the Shell¶

Create the Shell¶

Continue Setting up the Small Group Finder¶