CINXE.COM
Help Center
<!DOCTYPE html> <html lang="en-US"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="pinterest" content="nopin" /> <meta name="pinterest" content="nohover" /> <meta name="3778517eb4810dfb5d143ed8f1b359b3b5a82923" content="0f56257c3db4a222e91b11bc6871c4df2e263b28" /> <link rel="apple-touch-icon" sizes="57x57" href="/img/org.1/favicons/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/img/org.1/favicons/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/img/org.1/favicons/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/img/org.1/favicons/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/img/org.1/favicons/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/img/org.1/favicons/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/img/org.1/favicons/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/img/org.1/favicons/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/img/org.1/favicons/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="/img/org.1/favicons/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="/img/org.1/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="/img/org.1/favicons/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="/img/org.1/favicons/favicon-16x16.png"> <link rel="manifest" href="/img/org.1/favicons/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="/ms-icon-144x144.png"> <script> /* stubs */ const hapticsImpactHeavy = async () => { }; const hapticsImpactMedium = async () => { }; const hapticsImpactLight = async () => { }; const hapticsVibrate = async () => { }; const hapticsSelectionStart = async () => { }; const hapticsSelectionChanged = async () => { }; const hapticsSelectionEnd = async () => { }; </script> <script> function setPullToRefresh() {} function gotoURL(inurl) { window.location.href = inurl; return; } function contentLoaded(isHTMX, f, caller = "") { console.log("contentLoaded: " + isHTMX + " " + caller); if (isHTMX == true) { document.body.addEventListener('htmx:afterSettle', f, {once: true}); } else { if (document.readyState !== 'loading') { console.log('document is already ready, just execute code here'); f(); } else { console.log('document was not ready, place code here'); document.addEventListener('DOMContentLoaded', f, {once: true}); } } } function HideAppSidebarOnKeyboard() { console.log("In HideAppSidebarOnKeyboard"); } // stub function logError(data, url, linenumber) { console.log(data) return; } var pushSubToken; var ignoreErrors = false; var lastError = ""; window.onerror = function(errorMessage, errorUrl, errorLine, errorColumn, errorObj) { let column; let stack; if (console && console.log) { console.log("msg:", errorMessage); console.log("url:", errorUrl); console.log("line:", errorLine); if (errorColumn !== undefined && errorObj != null) { console.log("column:", errorColumn); column = errorColumn; } if (errorObj !== undefined && errorObj != null) { console.log("stack:", errorObj.stack); stack = errorObj.stack; } console.log("client_id:", "web.web08.15669608.1732733450348056921"); console.log("last_error:", lastError); console.log("stack:", stack); } if (errorUrl == "" || errorUrl === null) { errorUrl = window.location.href; } if (errorMessage.includes("SecurityError:") == true) { ignoreErrors = true; } if (ignoreErrors == true) { console.log("cookies, disabled, ignoring"); lastError = errorMessage; return; } jQuery.ajax({ type: 'POST', url: '/jsclienterror', data: { msg: errorMessage, url: errorUrl, line: errorLine, column: column, stack: stack, last_error: lastError, client_id: "web.web08.15669608.1732733450348056921" }, success: function() { if (console && console.log) { console.log('JS error report successful.'); } lastError = errorMessage; }, error: function() { if (console && console.error) { console.error('JS error report submission failed!'); } lastError = errorMessage; } }); return true; } </script> <script src="/tinymce-5.10.9/tinymce.min.js"></script> <script src="/js/browser-image-compression-2.0.2.min.js"></script> <link href="/css/application-6630163a3be19b6cee26ce35342d0d92.css" rel="stylesheet" id="groupsio-css"> <script src="/js/application-9b2c27b802a13063cf8a712fe566f004.js" id="groupsio-js"></script> <script src="/js/run_prettify.js"></script> <title> Help Center </title> <style> .scrollable { height: calc(100vh - 75px); /* Adjust this value according to your needs */ overflow-y: scroll; } .bs-docs-sidenav { margin-top: 20px; margin-bottom: 20px; } /* All levels of nav */ .bs-docs-sidebar .nav > li > a { display: block; padding: 4px 20px; font-size: 13px; font-weight: 500; color: #767676; } .bs-docs-sidebar .nav > li > a:hover, .bs-docs-sidebar .nav > li > a:focus { padding-left: 19px; color: #563d7c; text-decoration: none; background-color: transparent; border-left: 1px solid #563d7c; } .bs-docs-sidebar .nav > .active > a, .bs-docs-sidebar .nav > .active:hover > a, .bs-docs-sidebar .nav > .active:focus > a { padding-left: 18px; font-weight: bold; color: #563d7c; background-color: transparent; border-left: 2px solid #563d7c; } /* Nav: second level (shown on .active) */ .bs-docs-sidebar .nav .nav { padding-bottom: 10px; } .bs-docs-sidebar .nav .nav > li > a { padding-top: 1px; padding-bottom: 1px; padding-left: 30px; font-size: 12px; font-weight: normal; } .bs-docs-sidebar .nav .nav > li > a:hover, .bs-docs-sidebar .nav .nav > li > a:focus { padding-left: 29px; } .bs-docs-sidebar .nav .nav > .active > a, .bs-docs-sidebar .nav .nav > .active:hover > a, .bs-docs-sidebar .nav .nav > .active:focus > a { padding-left: 28px; font-weight: 500; } .examples { color: #4c555a;; } .page-header { padding-bottom: 0px !important; margin: 40px 0 20px; border-bottom: 0px; font-size:24px; } a[aria-expanded=true] .fa-caret-right { display: none; } a[aria-expanded=false] .fa-caret-down { display: none; } </style> <script> htmx.config.scrollBehavior = "instant"; htmx.config.historyCacheSize = 0; htmx.config.defaultSettleDelay = 0; console.log("FULL PAGE LOAD"); </script> </head> <body id="body" class="" hx-headers='{"Accept-Version": "ab77eb5706920326b8462b4e8eb5f3645a02f625"}' hx-ext="preload" hx-boost="false"> <script> if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) { document.body.classList.add('dark-mode'); } </script> <div class="navbar navbar-head navbar-fixed-top" role="navigation" id="headerbar"> <div class="container-fluid" style="padding-left:0px;"> <a href="https://groups.io" class="navbar-left" hx-boost="false" hx-disinherit="*"> <img src="https://groups.io/img/org.1/mainlogo.png?cachebust" height="50" alt="Groups.io"> </a> <ul class="nav navbar-nav hidden-xs"> <li> <a href="https://groups.io/search"> Find or Create a Group </a> </li> </ul> <ul class="nav navbar-nav pull-right visible-xs" style="margin-top:5px;margin-bottom:5px;"> <li> <a href="#" data-toggle="modal" data-target="#mobileAccount"> <i class="fa-fw fa fa-bars fa-lg"></i> </a> </li> </ul> <ul class="nav navbar-nav pull-right hidden-xs"> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fa-fw fa-regular fa-globe"></i> EN <b class="caret"></b> </a> <ul class="dropdown-menu"> <li> <a href="https://groups.io/unsetlang"> EN </a> </li> <li> <a href="https://groups.io/setlang/de"> DE </a> </li> <li> <a href="https://groups.io/setlang/es"> ES </a> </li> <li> <a href="https://groups.io/setlang/fr"> FR </a> </li> <li> <a href="https://groups.io/setlang/it"> IT </a> </li> <li> <a href="https://groups.io/setlang/pt"> PT </a> </li> <li> <a href="https://groups.io/setlang/uk"> UK </a> </li> </ul> </li> <li> <a href="https://groups.io/helpcenter" target="_blank"> Help </a> </li> <li> <a href="https://groups.io/login" hx-boost="false" hx-disinherit="*"> <i class="fa fa-sign-in-alt"></i> Log In </a> </li> <li> <a href="https://groups.io/register"> <i class="fa fa-user"></i> Sign Up </a> </li> </ul> </div> </div> <div class="modal fade" id="mobileAccount" role="dialog"> <div class="modal-dialog" style="margin-top:50px;"> <div class="modal-content"> <div class="modal-body"> <ul class="list-group noborderlist"> <li class="noborderitem list-group-item"> <a href="https://groups.io/login" hx-boost="false" hx-disinherit="*"> <i class="fa fa-sign-in-alt"></i> Log In </a> </li> <li class="noborderitem list-group-item"> <a href="https://groups.io/register"> <i class="fa fa-user"></i> Sign Up </a> </li> <li class="noborderitem list-group-item"> <a href="https://groups.io/helpcenter" target="_blank"> <i class="fa-fw fa fa-question-circle"></i> Help </a> </li> <li class="dropdown noborderitem list-group-item"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fa-fw fa-regular fa-globe"></i> EN <b class="caret"></b> </a> <ul class="dropdown-menu"> <li> <a href="https://groups.io/unsetlang"> EN </a> </li> <li> <a href="https://groups.io/setlang/de"> DE </a> </li> <li> <a href="https://groups.io/setlang/es"> ES </a> </li> <li> <a href="https://groups.io/setlang/fr"> FR </a> </li> <li> <a href="https://groups.io/setlang/it"> IT </a> </li> <li> <a href="https://groups.io/setlang/pt"> PT </a> </li> <li> <a href="https://groups.io/setlang/uk"> UK </a> </li> </ul> </li> </ul> </div> </div> </div> </div> <script> var groupnavigatorData = [ ]; </script> <!-- Modal Dialog for Autocomplete --> <div class="modal fade" id="groupnavigatorModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-body"> <input type="text" class="form-control" id="groupnavigatorInput" placeholder="Go to group..." style="margin-bottom:10px"> <div id="groupnavigatorContainer" class="autocompleteResults" style="max-height:250px; overflow-y: auto;"></div> <div class="text-center" style="margin-top:10px; font-size:12px;"><i class="fa-sharp fa-arrow-up-arrow-down"></i> to navigate <i class="fa-sharp fa-arrow-turn-down-left"></i> to use <strong>esc</strong> to dismiss</div> </div> </div> </div> </div> <script> // Keep track of the currently selected index var selectedIndex = -1; // Function to highlight the matched substring function highlightSubstring(str, substring) { var index = str.toLowerCase().indexOf(substring.toLowerCase()); if (index !== -1) { var before = str.substring(0, index); var middle = str.substring(index, index + substring.length); var after = str.substring(index + substring.length); return before + '<span class="autocomplete-highlight">' + middle + '</span>' + after; } return str; } // Function to highlight the selected item and ensure it is visible in the scrollable list function highlightSelectedItem(modalName) { var listContainer = document.getElementById(modalName + 'Container'); var items = document.getElementsByClassName(modalName + '-list-item'); Array.from(items).forEach(function(item, idx) { item.className = idx === selectedIndex ? modalName + '-list-item autocomplete-list-item btn-primary no-hover' : modalName + '-list-item autocomplete-list-item no-hover'; // Apply btn-primary class to the selected item }); if (items.length > 0 && selectedIndex >= 0) { var selectedItem = items[selectedIndex]; var containerTop = listContainer.scrollTop; var containerBottom = containerTop + listContainer.clientHeight; var itemTop = selectedItem.offsetTop; var itemBottom = itemTop + selectedItem.offsetHeight; const fudge = 59; if (selectedIndex > 0 && itemTop > containerBottom) { // If there are items below the selected item and the selected item is not fully visible, scroll down listContainer.scrollTop = itemTop - listContainer.clientHeight + items[selectedIndex - 1].offsetHeight; } else if (selectedIndex < items.length - 1 && (itemTop - fudge) < containerTop) { // If there are items above the selected item and the selected item is not fully visible, scroll up listContainer.scrollTop = itemTop - fudge - items[selectedIndex + 1].offsetHeight; } } } // function to populate the list based on the input function populateList(modalName, data) { var input = document.getElementById(modalName+'Input').value; var listContainer = document.getElementById(modalName+'Container'); listContainer.innerHTML = ''; data.forEach(function(item) { if (item.name.toLowerCase().includes(input.toLowerCase())) { var div = document.createElement('div'); div.innerHTML = highlightSubstring(item.name, input); div.className = modalName+'-list-item autocomplete-list-item no-hover'; // Apply no-hover class div.addEventListener('click', function() { // Navigate to the specified URL when a list item is clicked window.location.href = item.url; }); div.addEventListener('mousemove', function() { // Remove no-hover class from all items when the mouse is moved over any item console.log("mouse move"); var items = document.getElementsByClassName(modalName+'-list-item'); Array.from(items).forEach(function(item) { item.classList.remove('no-hover'); }); }); listContainer.appendChild(div); } }); highlightSelectedItem(modalName); } function InitAutocomplete(modalName, data) { // Focus the input field when the modal is shown and populate the list $('#' + modalName + 'Modal').on('shown.bs.modal', function () { $('#' + modalName + 'Input').focus().val(''); populateList(modalName, data); selectedIndex = 0; highlightSelectedItem(modalName); }); // Event listener for input field typing document.getElementById(modalName + 'Input').addEventListener('input', function() { populateList(modalName, data); selectedIndex = 0; }); // Event listener for arrow keys and enter key document.getElementById(modalName + 'Input').addEventListener('keydown', function(event) { var items = document.getElementsByClassName(modalName + '-list-item'); if (event.key === 'ArrowDown') { event.preventDefault(); if (selectedIndex < items.length - 1) selectedIndex++; highlightSelectedItem(modalName); } else if (event.key === 'ArrowUp') { event.preventDefault(); if (selectedIndex > 0) selectedIndex--; highlightSelectedItem(modalName); } else if (event.key === 'Enter' && selectedIndex >= 0 && selectedIndex < items.length) { event.preventDefault(); items[selectedIndex].click(); } }); } function showAutocompleteModal(modalName) { $('#' + modalName + 'Modal').modal('show'); selectedIndex = -1; } </script> <div id="content" class="container-fluid"> <script> InitAutocomplete("groupnavigator", groupnavigatorData); document.body.addEventListener("showReloadPageDialog", function(evt) { console.log("Forced reload"); location.reload(); }); function ShowBackButton(label) { var logoElement = document.getElementById("logo"); if (logoElement) { html = ` <span style="color:#fff;margin-top:14px;margin-left:12px;float:left !important; height:36px;"> <a onclick="goBack()" style="color:#fff"> <i class="fa-fw fa-solid fa-chevron-left fa-lg"></i> </a></span>`; if (label != "") { html += `<div style="position:absolute;left:50%;transform:translateX(-50%);text-align:center;color:#ecf0f1;margin-top:5px;"><h4>` + label + `</h4></div>`; } logoElement.innerHTML = html; } } function HideBackButton() { var logoElement = document.getElementById("logo"); if (logoElement) { logoElement.innerHTML = ` <a href="https://groups.io" class="navbar-left"> <img src="https://groups.io/img/org.1/mainlogo.png?cachebust" height="50" alt="Groups.io"> </a>`; } } function goBack() { history.back(); } // submitEvent acts like .submit(), except it is compatible with the app, by using events instead. function submitEvent(ele) { console.log("in submitEvent"); if (ele.startsWith('#')) { ele = ele.slice(1); } document.getElementById(ele).submit(); return; /* const theEvent = new CustomEvent('submit', { bubbles: true, cancelable: true }); if (typeof ele === 'string' || ele instanceof String) { if (ele.startsWith("#") == true) { ele = ele.slice(1); } if (document.getElementById(ele).dispatchEvent(theEvent) == true) { // if not cancelled, do normal submit console.log("calling submit"); document.getElementById(ele).submit(); } return; } // assume ele is the element if (ele.dispatchEvent(theEvent) == true) { // if not cancelled, do normal submit console.log("calling submit"); ele.submit(); } */ } // gioDestroy is a convenience function for destroy callbacks function gioDestroy(eventCB) { let internalGioDestroy = function(evt) { // do not activate on infinite scroll events if (evt.detail.target !== undefined && evt.detail.target.id != "maincontent-refresh") { console.log("Ignoring infinite scroll event"); return; } console.log("Calling destroy callback"); eventCB(evt); } document.body.addEventListener("htmx:beforeSwap", internalGioDestroy, {once: true}); document.body.addEventListener("htmx:historyCacheMiss", internalGioDestroy, {once: true}); } var drawerCloseFunc = function(evt) { console.log("in drawerCloseFunc"); // Find all elements with the class 'drawer' var drawers = document.querySelectorAll('.drawer'); // Iterate over each element and call closeDrawer() on each drawers.forEach(function(obj) { drawerObj.closeDrawer(obj); }); $('.modal').modal('hide'); } document.body.addEventListener('htmx:beforeSwap', drawerCloseFunc); document.body.addEventListener('htmx:historyCacheMiss', drawerCloseFunc); var keydownFunc = function(event) { var tagName = event.target.tagName.toLowerCase(); if (tagName === 'input' || tagName === 'textarea' || event.target.isContentEditable) { if (event.key === 'Escape') { event.target.blur(); } return; } // check if the viewimages viewer is up let element = document.getElementById('overlay'); if (element && element.classList.contains('visible')) { return; } console.log("HERE: " + event.key + " " + event.ctrlKey + " " + event.shiftKey + " " + event.metaKey); if (event.ctrlKey && event.shiftKey && (event.key === '?' || event.key === '/')) { event.preventDefault(); // Prevent the default action // Show the modal dialog for keyboard shortcuts $('#shortcutModal').modal('show'); return; } $('#shortcutModal').modal('hide'); if (event.key.toLowerCase() === 'g') { // For Windows and Linux if (event.ctrlKey) { event.preventDefault(); showAutocompleteModal("groupnavigator"); return; } } // Check if the pressed key is '/' if ((event.key === 'f' || event.key === 'F') && event.shiftKey) { if (navigator.platform.toUpperCase().indexOf('MAC') >= 0) { if (event.metaKey) { event.preventDefault(); // Prevent the default action // Focus on the search box let box = document.getElementById('searchbox') if (box != null) { document.getElementById('searchbox').focus(); } } } else { // For Windows and Linux if (event.ctrlKey) { event.preventDefault(); // Prevent the default action // Focus on the search box let box = document.getElementById('searchbox') if (box != null) { document.getElementById('searchbox').focus(); } } } } } document.addEventListener('keydown', keydownFunc); var removeDrawerCloseFunc = function(evt) { document.body.removeEventListener('htmx:beforeSwap', drawerCloseFunc); document.body.removeEventListener('htmx:historyCacheMiss', drawerCloseFunc); document.removeEventListener('keydown', keydownFunc); } document.body.addEventListener("htmx:historyCacheMiss", removeDrawerCloseFunc, {once: true}); </script> <!-- Modal Dialog for Keyboard Shortcuts --> <div class="modal fade" id="shortcutModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" id="myModalLabel">Keyboard Shortcuts</h4> </div> <div class="modal-body"> <div class="row"> <div class="col-xs-3 text-right"><strong>ctrl</strong> + <strong>shift</strong> + <strong>?</strong> :</div> <div class="col-xs-9" style="margin-left: -23px;">Show all keyboard shortcuts</div> </div> <div class="row"> <div class="col-xs-3 text-right"><strong>ctrl</strong> + <strong>g</strong> :</div> <div class="col-xs-9" style="margin-left: -23px;">Navigate to a group</div> </div> <div class="row"> <div class="col-xs-3 text-right"><strong class="ctrlmeta">ctrl</strong> + <strong>shift</strong> + <strong>f</strong> :</div> <div class="col-xs-9" style="margin-left: -23px;">Find</div> </div> <div class="row"> <div class="col-xs-3 text-right"><strong class="ctrlmeta">ctrl</strong> + <strong>/</strong> :</div> <div class="col-xs-9" style="margin-left: -23px;">Quick actions</div> </div> </div> <div class="text-center" style="margin-top:10px; margin-bottom:10px; font-size:12px;"><strong>esc</strong> to dismiss</div> </div> </div> </div> <div id="alertdiv"></div> <div class="noticetemplate template"> <div class="alert alert-success alert-dismissible" role="alert"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true"> × </span> </button> <span class="flashmsg"></span> </div> </div> <div class="alerttemplate template"> <div class="alert alert-danger alert-dismissible" role="alert"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true"> × </span> </button> <span class="flashmsg"></span> </div> </div> <div class="alertnoclosetemplate template"> <div class="alert alert-danger" role="alert"> <span class="flashmsg"></span> </div> </div> <script> function dismiss() { console.log("dismiss"); $.get( "/dismissalert"); } var $alerttemplate = $(".alerttemplate"); var $alertnoclosetemplate = $(".alertnoclosetemplate"); var $noticetemplate = $(".noticetemplate"); function createAlert(msg, isError, autoClose, noClose) { if (isError == false) { $newPanel = $noticetemplate.clone(); } else { if (noClose) { $newPanel = $alertnoclosetemplate.clone(); } else { $newPanel = $alerttemplate.clone(); } } $newPanel.find(".flashmsg").html(msg); if (autoClose == true) { $("#alertdiv").append($newPanel.fadeTo(2000, 500).slideUp(500, function(){ $newPanel.slideUp(500); $newPanel.remove(); })); } else { $("#alertdiv").append($newPanel.fadeIn()); } return $newPanel; } </script> <div class="row"> <div class="col-xs-2 scrollable bs-docs-sidebar"> <ul id="sidebar" class="nav nav-stacked"> <li class="toggleBtnList"> <a id="linkconventions-used-in-this-documentation" data-toggle="collapse" href="#collapseconventions-used-in-this-documentation" onclick="javascript:loadSection('conventions-used-in-this-documentation', '')" aria-expanded="false" aria-controls="collapseconventions-used-in-this-documentation"> <table> <tr> <td valign="top"> <i class="fa fa-fw fa-caret-down"></i> <i class="fa fa-fw fa-caret-right"></i> </td> <td> Conventions used in this documentation </td> </tr> </table> </a> <ul class="nav collapse" id="collapseconventions-used-in-this-documentation" style="padding-left:15px"> <li> <a id="linkconventions-used-in-this-documentation_user-interface" href="javascript:loadSection('conventions-used-in-this-documentation', 'user-interface')"> User interface </a> </li> <li> <a id="linkconventions-used-in-this-documentation_admin-menu-notation" href="javascript:loadSection('conventions-used-in-this-documentation', 'admin-menu-notation')"> Admin menu notation </a> </li> <li> <a id="linkconventions-used-in-this-documentation_terminology" href="javascript:loadSection('conventions-used-in-this-documentation', 'terminology')"> Terminology </a> </li> </ul> </li> <li class="toggleBtnList"> <a id="linkintroduction" href="javascript:loadSection('introduction', '')"> <table> <tr> <td> <i class="fa fa-fw fa-caret-left" style="visibility:hidden;"></i> </td> <td> Introduction </td> </tr> </table> </a> </li> <li class="toggleBtnList"> <a id="linkcreating-a-group" href="javascript:loadSection('creating-a-group', '')"> <table> <tr> <td> <i class="fa fa-fw fa-caret-left" style="visibility:hidden;"></i> </td> <td> Creating a group </td> </tr> </table> </a> </li> <li class="toggleBtnList"> <a id="linkcustomizing-group-settings" data-toggle="collapse" href="#collapsecustomizing-group-settings" onclick="javascript:loadSection('customizing-group-settings', '')" aria-expanded="false" aria-controls="collapsecustomizing-group-settings"> <table> <tr> <td valign="top"> <i class="fa fa-fw fa-caret-down"></i> <i class="fa fa-fw fa-caret-right"></i> </td> <td> Customizing group settings </td> </tr> </table> </a> <ul class="nav collapse" id="collapsecustomizing-group-settings" style="padding-left:15px"> <li> <a id="linkcustomizing-group-settings_displaying-the-settings-page" href="javascript:loadSection('customizing-group-settings', 'displaying-the-settings-page')"> Displaying the settings page </a> </li> <li> <a id="linkcustomizing-group-settings_saving-setting-changes" href="javascript:loadSection('customizing-group-settings', 'saving-setting-changes')"> Saving setting changes </a> </li> <li> <a id="linkcustomizing-group-settings_general-settings" href="javascript:loadSection('customizing-group-settings', 'general-settings')"> General settings </a> </li> <li> <a id="linkcustomizing-group-settings_privacy-settings" href="javascript:loadSection('customizing-group-settings', 'privacy-settings')"> Privacy settings </a> </li> <li> <a id="linkcustomizing-group-settings_spam-control-and-moderation-settings" href="javascript:loadSection('customizing-group-settings', 'spam-control-and-moderation-settings')"> Spam control and moderation settings </a> </li> <li> <a id="linkcustomizing-group-settings_message-policy-settings" href="javascript:loadSection('customizing-group-settings', 'message-policy-settings')"> Message policy settings </a> </li> <li> <a id="linkcustomizing-group-settings_message-formatting-settings" href="javascript:loadSection('customizing-group-settings', 'message-formatting-settings')"> Message formatting settings </a> </li> </ul> </li> <li class="toggleBtnList"> <a id="linkusing-the-sponsorship-feature-to-defray-groups" href="javascript:loadSection('using-the-sponsorship-feature-to-defray-groups', '')"> <table> <tr> <td> <i class="fa fa-fw fa-caret-left" style="visibility:hidden;"></i> </td> <td> Using the sponsorship feature to defray Groups.io hosting costs </td> </tr> </table> </a> </li> <li class="toggleBtnList"> <a id="linkcustomizing-settings-for-premium-and-enterprise-features" data-toggle="collapse" href="#collapsecustomizing-settings-for-premium-and-enterprise-features" onclick="javascript:loadSection('customizing-settings-for-premium-and-enterprise-features', '')" aria-expanded="false" aria-controls="collapsecustomizing-settings-for-premium-and-enterprise-features"> <table> <tr> <td valign="top"> <i class="fa fa-fw fa-caret-down"></i> <i class="fa fa-fw fa-caret-right"></i> </td> <td> Customizing settings for Premium and Enterprise features </td> </tr> </table> </a> <ul class="nav collapse" id="collapsecustomizing-settings-for-premium-and-enterprise-features" style="padding-left:15px"> <li> <a id="linkcustomizing-settings-for-premium-and-enterprise-features_locating-the-feature-settings" href="javascript:loadSection('customizing-settings-for-premium-and-enterprise-features', 'locating-the-feature-settings')"> Locating the feature settings </a> </li> <li> <a id="linkcustomizing-settings-for-premium-and-enterprise-features_message-reposting" href="javascript:loadSection('customizing-settings-for-premium-and-enterprise-features', 'message-reposting')"> Message reposting </a> </li> <li> <a id="linkcustomizing-settings-for-premium-and-enterprise-features_calendar" href="javascript:loadSection('customizing-settings-for-premium-and-enterprise-features', 'calendar')"> Calendar </a> </li> <li> <a id="linkcustomizing-settings-for-premium-and-enterprise-features_member-directory" href="javascript:loadSection('customizing-settings-for-premium-and-enterprise-features', 'member-directory')"> Member directory </a> </li> <li> <a id="linkcustomizing-settings-for-premium-and-enterprise-features_chats" href="javascript:loadSection('customizing-settings-for-premium-and-enterprise-features', 'chats')"> Chats </a> </li> <li> <a id="linkcustomizing-settings-for-premium-and-enterprise-features_subgroups" href="javascript:loadSection('customizing-settings-for-premium-and-enterprise-features', 'subgroups')"> Subgroups </a> </li> <li> <a id="linkcustomizing-settings-for-premium-and-enterprise-features_database" href="javascript:loadSection('customizing-settings-for-premium-and-enterprise-features', 'database')"> Database </a> </li> <li> <a id="linkcustomizing-settings-for-premium-and-enterprise-features_files" href="javascript:loadSection('customizing-settings-for-premium-and-enterprise-features', 'files')"> Files </a> </li> <li> <a id="linkcustomizing-settings-for-premium-and-enterprise-features_photos" href="javascript:loadSection('customizing-settings-for-premium-and-enterprise-features', 'photos')"> Photos </a> </li> <li> <a id="linkcustomizing-settings-for-premium-and-enterprise-features_polls" href="javascript:loadSection('customizing-settings-for-premium-and-enterprise-features', 'polls')"> Polls </a> </li> <li> <a id="linkcustomizing-settings-for-premium-and-enterprise-features_wiki" href="javascript:loadSection('customizing-settings-for-premium-and-enterprise-features', 'wiki')"> Wiki </a> </li> </ul> </li> <li class="toggleBtnList"> <a id="linksetting-default-email-options-and-user-settings" data-toggle="collapse" href="#collapsesetting-default-email-options-and-user-settings" onclick="javascript:loadSection('setting-default-email-options-and-user-settings', '')" aria-expanded="false" aria-controls="collapsesetting-default-email-options-and-user-settings"> <table> <tr> <td valign="top"> <i class="fa fa-fw fa-caret-down"></i> <i class="fa fa-fw fa-caret-right"></i> </td> <td> Setting default email options and user settings for group members </td> </tr> </table> </a> <ul class="nav collapse" id="collapsesetting-default-email-options-and-user-settings" style="padding-left:15px"> <li> <a id="linksetting-default-email-options-and-user-settings_overview" href="javascript:loadSection('setting-default-email-options-and-user-settings', 'overview')"> Overview </a> </li> <li> <a id="linksetting-default-email-options-and-user-settings_default-subscription-settings-panel" href="javascript:loadSection('setting-default-email-options-and-user-settings', 'default-subscription-settings-panel')"> Default Subscription Settings panel </a> </li> <li> <a id="linksetting-default-email-options-and-user-settings_default-user-settings-panel" href="javascript:loadSection('setting-default-email-options-and-user-settings', 'default-user-settings-panel')"> Default User Settings panel </a> </li> <li> <a id="linksetting-default-email-options-and-user-settings_extra-member-data-panel-premium-and-enterprise" href="javascript:loadSection('setting-default-email-options-and-user-settings', 'extra-member-data-panel-premium-and-enterprise')"> Extra Member Data panel (Premium and Enterprise only) </a> </li> </ul> </li> <li class="toggleBtnList"> <a id="linkchanging-the-home-page-image-and-group" href="javascript:loadSection('changing-the-home-page-image-and-group', '')"> <table> <tr> <td> <i class="fa fa-fw fa-caret-left" style="visibility:hidden;"></i> </td> <td> Changing the home page image and group icon </td> </tr> </table> </a> </li> <li class="toggleBtnList"> <a id="linkmanaging-moderator-notifications-about-group-activity" data-toggle="collapse" href="#collapsemanaging-moderator-notifications-about-group-activity" onclick="javascript:loadSection('managing-moderator-notifications-about-group-activity', '')" aria-expanded="false" aria-controls="collapsemanaging-moderator-notifications-about-group-activity"> <table> <tr> <td valign="top"> <i class="fa fa-fw fa-caret-down"></i> <i class="fa fa-fw fa-caret-right"></i> </td> <td> Managing moderator notifications about group activity </td> </tr> </table> </a> <ul class="nav collapse" id="collapsemanaging-moderator-notifications-about-group-activity" style="padding-left:15px"> <li> <a id="linkmanaging-moderator-notifications-about-group-activity_overview" href="javascript:loadSection('managing-moderator-notifications-about-group-activity', 'overview')"> Overview </a> </li> <li> <a id="linkmanaging-moderator-notifications-about-group-activity_enabling-and-disabling-web-app-notifications" href="javascript:loadSection('managing-moderator-notifications-about-group-activity', 'enabling-and-disabling-web-app-notifications')"> Enabling and disabling web/app notifications </a> </li> <li> <a id="linkmanaging-moderator-notifications-about-group-activity_controlling-moderator-notifications-for-individual-groups" href="javascript:loadSection('managing-moderator-notifications-about-group-activity', 'controlling-moderator-notifications-for-individual-groups')"> Controlling moderator notifications for individual groups </a> </li> </ul> </li> <li class="toggleBtnList"> <a id="linkmanaging-member-notices" data-toggle="collapse" href="#collapsemanaging-member-notices" onclick="javascript:loadSection('managing-member-notices', '')" aria-expanded="false" aria-controls="collapsemanaging-member-notices"> <table> <tr> <td valign="top"> <i class="fa fa-fw fa-caret-down"></i> <i class="fa fa-fw fa-caret-right"></i> </td> <td> Managing member notices </td> </tr> </table> </a> <ul class="nav collapse" id="collapsemanaging-member-notices" style="padding-left:15px"> <li> <a id="linkmanaging-member-notices_overview" href="javascript:loadSection('managing-member-notices', 'overview')"> Overview </a> </li> <li> <a id="linkmanaging-member-notices_creating-editing-or-deleting-member-notices" href="javascript:loadSection('managing-member-notices', 'creating-editing-or-deleting-member-notices')"> Creating, editing, or deleting member notices </a> </li> <li> <a id="linkmanaging-member-notices_banned-member-notice" href="javascript:loadSection('managing-member-notices', 'banned-member-notice')"> Banned Member notice </a> </li> <li> <a id="linkmanaging-member-notices_direct-add-notice" href="javascript:loadSection('managing-member-notices', 'direct-add-notice')"> Direct Add notice </a> </li> <li> <a id="linkmanaging-member-notices_goodbye-notice" href="javascript:loadSection('managing-member-notices', 'goodbye-notice')"> Goodbye notice </a> </li> <li> <a id="linkmanaging-member-notices_group-guidelines-notice" href="javascript:loadSection('managing-member-notices', 'group-guidelines-notice')"> Group Guidelines notice </a> </li> <li> <a id="linkmanaging-member-notices_group-sponsorship-notice" href="javascript:loadSection('managing-member-notices', 'group-sponsorship-notice')"> Group Sponsorship notice </a> </li> <li> <a id="linkmanaging-member-notices_invite-notice" href="javascript:loadSection('managing-member-notices', 'invite-notice')"> Invite notice </a> </li> <li> <a id="linkmanaging-member-notices_locked-group-notice" href="javascript:loadSection('managing-member-notices', 'locked-group-notice')"> Locked Group notice </a> </li> <li> <a id="linkmanaging-member-notices_locked-topic-notice" href="javascript:loadSection('managing-member-notices', 'locked-topic-notice')"> Locked Topic notice </a> </li> <li> <a id="linkmanaging-member-notices_message-to-member-notice" href="javascript:loadSection('managing-member-notices', 'message-to-member-notice')"> Message To Member notice </a> </li> <li> <a id="linkmanaging-member-notices_monthly-reminder-notice" href="javascript:loadSection('managing-member-notices', 'monthly-reminder-notice')"> Monthly Reminder notice </a> </li> <li> <a id="linkmanaging-member-notices_pending-subscription-notice" href="javascript:loadSection('managing-member-notices', 'pending-subscription-notice')"> Pending Subscription notice </a> </li> <li> <a id="linkmanaging-member-notices_rejected-message-notice" href="javascript:loadSection('managing-member-notices', 'rejected-message-notice')"> Rejected Message notice </a> </li> <li> <a id="linkmanaging-member-notices_rejected-subscription-notice" href="javascript:loadSection('managing-member-notices', 'rejected-subscription-notice')"> Rejected Subscription notice </a> </li> <li> <a id="linkmanaging-member-notices_removed-member-notice" href="javascript:loadSection('managing-member-notices', 'removed-member-notice')"> Removed Member notice </a> </li> <li> <a id="linkmanaging-member-notices_welcome-notice" href="javascript:loadSection('managing-member-notices', 'welcome-notice')"> Welcome notice </a> </li> </ul> </li> <li class="toggleBtnList"> <a id="linkinviting-people-to-join-a-group" data-toggle="collapse" href="#collapseinviting-people-to-join-a-group" onclick="javascript:loadSection('inviting-people-to-join-a-group', '')" aria-expanded="false" aria-controls="collapseinviting-people-to-join-a-group"> <table> <tr> <td valign="top"> <i class="fa fa-fw fa-caret-down"></i> <i class="fa fa-fw fa-caret-right"></i> </td> <td> Inviting people to join a group </td> </tr> </table> </a> <ul class="nav collapse" id="collapseinviting-people-to-join-a-group" style="padding-left:15px"> <li> <a id="linkinviting-people-to-join-a-group_overview" href="javascript:loadSection('inviting-people-to-join-a-group', 'overview')"> Overview </a> </li> <li> <a id="linkinviting-people-to-join-a-group_sending-invitations-to-join-the-group" href="javascript:loadSection('inviting-people-to-join-a-group', 'sending-invitations-to-join-the-group')"> Sending invitations to join the group </a> </li> <li> <a id="linkinviting-people-to-join-a-group_inviting-more-than-20-people-at-a" href="javascript:loadSection('inviting-people-to-join-a-group', 'inviting-more-than-20-people-at-a')"> Inviting more than 20 people at a time </a> </li> <li> <a id="linkinviting-people-to-join-a-group_tracking-resending-or-canceling-invitations" href="javascript:loadSection('inviting-people-to-join-a-group', 'tracking-resending-or-canceling-invitations')"> Tracking, resending, or canceling invitations </a> </li> </ul> </li> <li class="toggleBtnList"> <a id="linkmanaging-members" data-toggle="collapse" href="#collapsemanaging-members" onclick="javascript:loadSection('managing-members', '')" aria-expanded="false" aria-controls="collapsemanaging-members"> <table> <tr> <td valign="top"> <i class="fa fa-fw fa-caret-down"></i> <i class="fa fa-fw fa-caret-right"></i> </td> <td> Managing members </td> </tr> </table> </a> <ul class="nav collapse" id="collapsemanaging-members" style="padding-left:15px"> <li> <a id="linkmanaging-members_working-with-the-member-list" href="javascript:loadSection('managing-members', 'working-with-the-member-list')"> Working with the member list </a> </li> <li> <a id="linkmanaging-members_adding-or-updating-members-display-names" href="javascript:loadSection('managing-members', 'adding-or-updating-members-display-names')"> Adding or updating members’ display names </a> </li> <li> <a id="linkmanaging-members_handling-members-marked-as-not-confirmed" href="javascript:loadSection('managing-members', 'handling-members-marked-as-not-confirmed')"> Handling members marked as Not Confirmed </a> </li> <li> <a id="linkmanaging-members_handling-pending-members" href="javascript:loadSection('managing-members', 'handling-pending-members')"> Handling pending members </a> </li> <li> <a id="linkmanaging-members_adding-moderator-notes-about-individual-members" href="javascript:loadSection('managing-members', 'adding-moderator-notes-about-individual-members')"> Adding moderator notes about individual members </a> </li> <li> <a id="linkmanaging-members_moderating-individual-members" href="javascript:loadSection('managing-members', 'moderating-individual-members')"> Moderating individual members </a> </li> <li> <a id="linkmanaging-members_removing-members" href="javascript:loadSection('managing-members', 'removing-members')"> Removing members </a> </li> <li> <a id="linkmanaging-members_banning-and-unbanning-members" href="javascript:loadSection('managing-members', 'banning-and-unbanning-members')"> Banning and unbanning members </a> </li> <li> <a id="linkmanaging-members_checking-for-bouncing-members" href="javascript:loadSection('managing-members', 'checking-for-bouncing-members')"> Checking for bouncing members </a> </li> <li> <a id="linkmanaging-members_reviewing-members-who-were-removed-because-of" href="javascript:loadSection('managing-members', 'reviewing-members-who-were-removed-because-of')"> Reviewing members who were removed because of reported spam </a> </li> <li> <a id="linkmanaging-members_syncing-group-members-with-slack-teams" href="javascript:loadSection('managing-members', 'syncing-group-members-with-slack-teams')"> Syncing group members with Slack teams </a> </li> <li> <a id="linkmanaging-members_premium-and-enterprise-member-management-options" href="javascript:loadSection('managing-members', 'premium-and-enterprise-member-management-options')"> Premium and Enterprise member management options </a> </li> </ul> </li> <li class="toggleBtnList"> <a id="linkmanaging-moderators-and-additional-owners" data-toggle="collapse" href="#collapsemanaging-moderators-and-additional-owners" onclick="javascript:loadSection('managing-moderators-and-additional-owners', '')" aria-expanded="false" aria-controls="collapsemanaging-moderators-and-additional-owners"> <table> <tr> <td valign="top"> <i class="fa fa-fw fa-caret-down"></i> <i class="fa fa-fw fa-caret-right"></i> </td> <td> Managing moderators and additional owners </td> </tr> </table> </a> <ul class="nav collapse" id="collapsemanaging-moderators-and-additional-owners" style="padding-left:15px"> <li> <a id="linkmanaging-moderators-and-additional-owners_overview" href="javascript:loadSection('managing-moderators-and-additional-owners', 'overview')"> Overview </a> </li> <li> <a id="linkmanaging-moderators-and-additional-owners_making-a-member-an-owner-or-moderator" href="javascript:loadSection('managing-moderators-and-additional-owners', 'making-a-member-an-owner-or-moderator')"> Making a member an owner or moderator </a> </li> <li> <a id="linkmanaging-moderators-and-additional-owners_changing-an-owner-or-moderator-back-to" href="javascript:loadSection('managing-moderators-and-additional-owners', 'changing-an-owner-or-moderator-back-to')"> Changing an owner or moderator back to a regular member </a> </li> </ul> </li> <li class="toggleBtnList"> <a id="linksending-and-receiving-group-owner-email-messages" data-toggle="collapse" href="#collapsesending-and-receiving-group-owner-email-messages" onclick="javascript:loadSection('sending-and-receiving-group-owner-email-messages', '')" aria-expanded="false" aria-controls="collapsesending-and-receiving-group-owner-email-messages"> <table> <tr> <td valign="top"> <i class="fa fa-fw fa-caret-down"></i> <i class="fa fa-fw fa-caret-right"></i> </td> <td> Sending and receiving group owner email messages </td> </tr> </table> </a> <ul class="nav collapse" id="collapsesending-and-receiving-group-owner-email-messages" style="padding-left:15px"> <li> <a id="linksending-and-receiving-group-owner-email-messages_overview" href="javascript:loadSection('sending-and-receiving-group-owner-email-messages', 'overview')"> Overview </a> </li> <li> <a id="linksending-and-receiving-group-owner-email-messages_reviewing-your-subscription-options-for-receiving-group" href="javascript:loadSection('sending-and-receiving-group-owner-email-messages', 'reviewing-your-subscription-options-for-receiving-group')"> Reviewing your subscription options for receiving group owner email messages </a> </li> <li> <a id="linksending-and-receiving-group-owner-email-messages_receiving-and-viewing-messages-sent-to-the" href="javascript:loadSection('sending-and-receiving-group-owner-email-messages', 'receiving-and-viewing-messages-sent-to-the')"> Receiving and viewing messages sent to the owner email address </a> </li> <li> <a id="linksending-and-receiving-group-owner-email-messages_sending-messages-from-the-owner-email-address" href="javascript:loadSection('sending-and-receiving-group-owner-email-messages', 'sending-messages-from-the-owner-email-address')"> Sending messages from the owner email address </a> </li> <li> <a id="linksending-and-receiving-group-owner-email-messages_replying-to-a-message-from-the-owner" href="javascript:loadSection('sending-and-receiving-group-owner-email-messages', 'replying-to-a-message-from-the-owner')"> Replying to a message from the owner email address </a> </li> </ul> </li> <li class="toggleBtnList"> <a id="linkmanaging-group-topics-and-messages" data-toggle="collapse" href="#collapsemanaging-group-topics-and-messages" onclick="javascript:loadSection('managing-group-topics-and-messages', '')" aria-expanded="false" aria-controls="collapsemanaging-group-topics-and-messages"> <table> <tr> <td valign="top"> <i class="fa fa-fw fa-caret-down"></i> <i class="fa fa-fw fa-caret-right"></i> </td> <td> Managing group topics and messages </td> </tr> </table> </a> <ul class="nav collapse" id="collapsemanaging-group-topics-and-messages" style="padding-left:15px"> <li> <a id="linkmanaging-group-topics-and-messages_handling-pending-messages" href="javascript:loadSection('managing-group-topics-and-messages', 'handling-pending-messages')"> Handling pending messages </a> </li> <li> <a id="linkmanaging-group-topics-and-messages_merging-topics" href="javascript:loadSection('managing-group-topics-and-messages', 'merging-topics')"> Merging topics </a> </li> <li> <a id="linkmanaging-group-topics-and-messages_splitting-topics" href="javascript:loadSection('managing-group-topics-and-messages', 'splitting-topics')"> Splitting topics </a> </li> <li> <a id="linkmanaging-group-topics-and-messages_moderating-topics-messages-and-attachments" href="javascript:loadSection('managing-group-topics-and-messages', 'moderating-topics-messages-and-attachments')"> Moderating topics, messages, and attachments </a> </li> <li> <a id="linkmanaging-group-topics-and-messages_locking-topics" href="javascript:loadSection('managing-group-topics-and-messages', 'locking-topics')"> Locking topics </a> </li> <li> <a id="linkmanaging-group-topics-and-messages_editing-the-properties-of-topics-in-the" href="javascript:loadSection('managing-group-topics-and-messages', 'editing-the-properties-of-topics-in-the')"> Editing the properties of topics in the archive </a> </li> <li> <a id="linkmanaging-group-topics-and-messages_editing-the-content-of-messages-in-the" href="javascript:loadSection('managing-group-topics-and-messages', 'editing-the-content-of-messages-in-the')"> Editing the content of messages in the archive </a> </li> <li> <a id="linkmanaging-group-topics-and-messages_deleting-topics" href="javascript:loadSection('managing-group-topics-and-messages', 'deleting-topics')"> Deleting topics </a> </li> <li> <a id="linkmanaging-group-topics-and-messages_deleting-individual-messages" href="javascript:loadSection('managing-group-topics-and-messages', 'deleting-individual-messages')"> Deleting individual messages </a> </li> <li> <a id="linkmanaging-group-topics-and-messages_sending-special-notices" href="javascript:loadSection('managing-group-topics-and-messages', 'sending-special-notices')"> Sending special notices </a> </li> </ul> </li> <li class="toggleBtnList"> <a id="linkmanaging-hashtags" data-toggle="collapse" href="#collapsemanaging-hashtags" onclick="javascript:loadSection('managing-hashtags', '')" aria-expanded="false" aria-controls="collapsemanaging-hashtags"> <table> <tr> <td valign="top"> <i class="fa fa-fw fa-caret-down"></i> <i class="fa fa-fw fa-caret-right"></i> </td> <td> Managing hashtags </td> </tr> </table> </a> <ul class="nav collapse" id="collapsemanaging-hashtags" style="padding-left:15px"> <li> <a id="linkmanaging-hashtags_overview" href="javascript:loadSection('managing-hashtags', 'overview')"> Overview </a> </li> <li> <a id="linkmanaging-hashtags_hashtag-uses" href="javascript:loadSection('managing-hashtags', 'hashtag-uses')"> Hashtag uses </a> </li> <li> <a id="linkmanaging-hashtags_controlling-the-use-and-creation-of-hashtags" href="javascript:loadSection('managing-hashtags', 'controlling-the-use-and-creation-of-hashtags')"> Controlling the use and creation of hashtags </a> </li> <li> <a id="linkmanaging-hashtags_viewing-creating-modifying-and-deleting-hashtags" href="javascript:loadSection('managing-hashtags', 'viewing-creating-modifying-and-deleting-hashtags')"> Viewing, creating, modifying, and deleting hashtags </a> </li> <li> <a id="linkmanaging-hashtags_applying-hashtags-to-topics" href="javascript:loadSection('managing-hashtags', 'applying-hashtags-to-topics')"> Applying hashtags to topics </a> </li> <li> <a id="linkmanaging-hashtags_how-hashtags-are-displayed-in-the-group" href="javascript:loadSection('managing-hashtags', 'how-hashtags-are-displayed-in-the-group')"> How hashtags are displayed in the group archive </a> </li> <li> <a id="linkmanaging-hashtags_system-hashtags" href="javascript:loadSection('managing-hashtags', 'system-hashtags')"> System hashtags </a> </li> </ul> </li> <li class="toggleBtnList"> <a id="linkpinning-topics-and-wiki-pages-to-the" data-toggle="collapse" href="#collapsepinning-topics-and-wiki-pages-to-the" onclick="javascript:loadSection('pinning-topics-and-wiki-pages-to-the', '')" aria-expanded="false" aria-controls="collapsepinning-topics-and-wiki-pages-to-the"> <table> <tr> <td valign="top"> <i class="fa fa-fw fa-caret-down"></i> <i class="fa fa-fw fa-caret-right"></i> </td> <td> Pinning topics and wiki pages to the Topics page </td> </tr> </table> </a> <ul class="nav collapse" id="collapsepinning-topics-and-wiki-pages-to-the" style="padding-left:15px"> <li> <a id="linkpinning-topics-and-wiki-pages-to-the_overview" href="javascript:loadSection('pinning-topics-and-wiki-pages-to-the', 'overview')"> Overview </a> </li> <li> <a id="linkpinning-topics-and-wiki-pages-to-the_pinning-a-topic" href="javascript:loadSection('pinning-topics-and-wiki-pages-to-the', 'pinning-a-topic')"> Pinning a topic </a> </li> <li> <a id="linkpinning-topics-and-wiki-pages-to-the_pinning-a-wiki-page" href="javascript:loadSection('pinning-topics-and-wiki-pages-to-the', 'pinning-a-wiki-page')"> Pinning a wiki page </a> </li> </ul> </li> <li class="toggleBtnList"> <a id="linkreviewing-the-group-s-activity-log" data-toggle="collapse" href="#collapsereviewing-the-group-s-activity-log" onclick="javascript:loadSection('reviewing-the-group-s-activity-log', '')" aria-expanded="false" aria-controls="collapsereviewing-the-group-s-activity-log"> <table> <tr> <td valign="top"> <i class="fa fa-fw fa-caret-down"></i> <i class="fa fa-fw fa-caret-right"></i> </td> <td> Reviewing the group’s activity log </td> </tr> </table> </a> <ul class="nav collapse" id="collapsereviewing-the-group-s-activity-log" style="padding-left:15px"> <li> <a id="linkreviewing-the-group-s-activity-log_displaying-the-activity-log" href="javascript:loadSection('reviewing-the-group-s-activity-log', 'displaying-the-activity-log')"> Displaying the activity log </a> </li> <li> <a id="linkreviewing-the-group-s-activity-log_reviewing-message-activity" href="javascript:loadSection('reviewing-the-group-s-activity-log', 'reviewing-message-activity')"> Reviewing message activity </a> </li> <li> <a id="linkreviewing-the-group-s-activity-log_reviewing-member-activity" href="javascript:loadSection('reviewing-the-group-s-activity-log', 'reviewing-member-activity')"> Reviewing member activity </a> </li> <li> <a id="linkreviewing-the-group-s-activity-log_reviewing-moderator-activity" href="javascript:loadSection('reviewing-the-group-s-activity-log', 'reviewing-moderator-activity')"> Reviewing moderator activity </a> </li> <li> <a id="linkreviewing-the-group-s-activity-log_reviewing-payment-activity" href="javascript:loadSection('reviewing-the-group-s-activity-log', 'reviewing-payment-activity')"> Reviewing payment activity </a> </li> <li> <a id="linkreviewing-the-group-s-activity-log_reviewing-activity-related-to-other-group-features" href="javascript:loadSection('reviewing-the-group-s-activity-log', 'reviewing-activity-related-to-other-group-features')"> Reviewing activity related to other group features </a> </li> </ul> </li> <li class="toggleBtnList"> <a id="linkviewing-and-managing-your-group-s-storage" data-toggle="collapse" href="#collapseviewing-and-managing-your-group-s-storage" onclick="javascript:loadSection('viewing-and-managing-your-group-s-storage', '')" aria-expanded="false" aria-controls="collapseviewing-and-managing-your-group-s-storage"> <table> <tr> <td valign="top"> <i class="fa fa-fw fa-caret-down"></i> <i class="fa fa-fw fa-caret-right"></i> </td> <td> Viewing and managing your group’s storage space </td> </tr> </table> </a> <ul class="nav collapse" id="collapseviewing-and-managing-your-group-s-storage" style="padding-left:15px"> <li> <a id="linkviewing-and-managing-your-group-s-storage_allotted-storage-space-by-plan-type" href="javascript:loadSection('viewing-and-managing-your-group-s-storage', 'allotted-storage-space-by-plan-type')"> Allotted storage space by plan type </a> </li> <li> <a id="linkviewing-and-managing-your-group-s-storage_items-that-count-towards-the-storage-limit" href="javascript:loadSection('viewing-and-managing-your-group-s-storage', 'items-that-count-towards-the-storage-limit')"> Items that count towards the storage limit </a> </li> <li> <a id="linkviewing-and-managing-your-group-s-storage_items-that-do-not-count-towards-the" href="javascript:loadSection('viewing-and-managing-your-group-s-storage', 'items-that-do-not-count-towards-the')"> Items that do not count towards the storage limit </a> </li> <li> <a id="linkviewing-and-managing-your-group-s-storage_viewing-your-group-s-storage-limit-and" href="javascript:loadSection('viewing-and-managing-your-group-s-storage', 'viewing-your-group-s-storage-limit-and')"> Viewing your group’s storage limit and current space usage </a> </li> <li> <a id="linkviewing-and-managing-your-group-s-storage_managing-your-group-s-storage-space" href="javascript:loadSection('viewing-and-managing-your-group-s-storage', 'managing-your-group-s-storage-space')"> Managing your group’s storage space </a> </li> <li> <a id="linkviewing-and-managing-your-group-s-storage_deleting-message-attachments-manually" href="javascript:loadSection('viewing-and-managing-your-group-s-storage', 'deleting-message-attachments-manually')"> Deleting message attachments manually </a> </li> </ul> </li> <li class="toggleBtnList"> <a id="linkmanaging-integrations-with-outside-services" data-toggle="collapse" href="#collapsemanaging-integrations-with-outside-services" onclick="javascript:loadSection('managing-integrations-with-outside-services', '')" aria-expanded="false" aria-controls="collapsemanaging-integrations-with-outside-services"> <table> <tr> <td valign="top"> <i class="fa fa-fw fa-caret-down"></i> <i class="fa fa-fw fa-caret-right"></i> </td> <td> Managing integrations with outside services </td> </tr> </table> </a> <ul class="nav collapse" id="collapsemanaging-integrations-with-outside-services" style="padding-left:15px"> <li> <a id="linkmanaging-integrations-with-outside-services_overview" href="javascript:loadSection('managing-integrations-with-outside-services', 'overview')"> Overview </a> </li> <li> <a id="linkmanaging-integrations-with-outside-services_email-integrations" href="javascript:loadSection('managing-integrations-with-outside-services', 'email-integrations')"> Email integrations </a> </li> <li> <a id="linkmanaging-integrations-with-outside-services_feed-integrations" href="javascript:loadSection('managing-integrations-with-outside-services', 'feed-integrations')"> Feed integrations </a> </li> <li> <a id="linkmanaging-integrations-with-outside-services_github-integrations" href="javascript:loadSection('managing-integrations-with-outside-services', 'github-integrations')"> GitHub integrations </a> </li> <li> <a id="linkmanaging-integrations-with-outside-services_trello-integrations" href="javascript:loadSection('managing-integrations-with-outside-services', 'trello-integrations')"> Trello integrations </a> </li> </ul> </li> <li class="toggleBtnList"> <a id="linkpromoting-your-group" href="javascript:loadSection('promoting-your-group', '')"> <table> <tr> <td> <i class="fa fa-fw fa-caret-left" style="visibility:hidden;"></i> </td> <td> Promoting your group </td> </tr> </table> </a> </li> <li class="toggleBtnList"> <a id="linkexporting-or-downloading-your-group-s-data" data-toggle="collapse" href="#collapseexporting-or-downloading-your-group-s-data" onclick="javascript:loadSection('exporting-or-downloading-your-group-s-data', '')" aria-expanded="false" aria-controls="collapseexporting-or-downloading-your-group-s-data"> <table> <tr> <td valign="top"> <i class="fa fa-fw fa-caret-down"></i> <i class="fa fa-fw fa-caret-right"></i> </td> <td> Exporting or downloading your group’s data </td> </tr> </table> </a> <ul class="nav collapse" id="collapseexporting-or-downloading-your-group-s-data" style="padding-left:15px"> <li> <a id="linkexporting-or-downloading-your-group-s-data_downloading-your-group-s-member-list" href="javascript:loadSection('exporting-or-downloading-your-group-s-data', 'downloading-your-group-s-member-list')"> Downloading your group’s member list </a> </li> <li> <a id="linkexporting-or-downloading-your-group-s-data_exporting-your-group-s-message-archive-and" href="javascript:loadSection('exporting-or-downloading-your-group-s-data', 'exporting-your-group-s-message-archive-and')"> Exporting your group’s message archive and other group content </a> </li> </ul> </li> <li class="toggleBtnList"> <a id="linktaking-donations-and-reviewing-payment-activity" data-toggle="collapse" href="#collapsetaking-donations-and-reviewing-payment-activity" onclick="javascript:loadSection('taking-donations-and-reviewing-payment-activity', '')" aria-expanded="false" aria-controls="collapsetaking-donations-and-reviewing-payment-activity"> <table> <tr> <td valign="top"> <i class="fa fa-fw fa-caret-down"></i> <i class="fa fa-fw fa-caret-right"></i> </td> <td> Taking donations and reviewing payment activity </td> </tr> </table> </a> <ul class="nav collapse" id="collapsetaking-donations-and-reviewing-payment-activity" style="padding-left:15px"> <li> <a id="linktaking-donations-and-reviewing-payment-activity_overview" href="javascript:loadSection('taking-donations-and-reviewing-payment-activity', 'overview')"> Overview </a> </li> <li> <a id="linktaking-donations-and-reviewing-payment-activity_setting-up-a-stripe-account" href="javascript:loadSection('taking-donations-and-reviewing-payment-activity', 'setting-up-a-stripe-account')"> Setting up a Stripe account </a> </li> <li> <a id="linktaking-donations-and-reviewing-payment-activity_creating-a-donation-request" href="javascript:loadSection('taking-donations-and-reviewing-payment-activity', 'creating-a-donation-request')"> Creating a donation request </a> </li> <li> <a id="linktaking-donations-and-reviewing-payment-activity_closing-or-reopening-a-donation-request" href="javascript:loadSection('taking-donations-and-reviewing-payment-activity', 'closing-or-reopening-a-donation-request')"> Closing or reopening a donation request </a> </li> <li> <a id="linktaking-donations-and-reviewing-payment-activity_viewing-open-and-closed-donation-requests" href="javascript:loadSection('taking-donations-and-reviewing-payment-activity', 'viewing-open-and-closed-donation-requests')"> Viewing open and closed donation requests </a> </li> <li> <a id="linktaking-donations-and-reviewing-payment-activity_reviewing-donation-request-and-payment-activity" href="javascript:loadSection('taking-donations-and-reviewing-payment-activity', 'reviewing-donation-request-and-payment-activity')"> Reviewing donation request and payment activity </a> </li> </ul> </li> <li class="toggleBtnList"> <a id="linklocking-and-unlocking-groups-and-subgroups" href="javascript:loadSection('locking-and-unlocking-groups-and-subgroups', '')"> <table> <tr> <td> <i class="fa fa-fw fa-caret-left" style="visibility:hidden;"></i> </td> <td> Locking and unlocking groups and subgroups </td> </tr> </table> </a> </li> <li class="toggleBtnList"> <a id="linkbanning-domains-from-the-group" href="javascript:loadSection('banning-domains-from-the-group', '')"> <table> <tr> <td> <i class="fa fa-fw fa-caret-left" style="visibility:hidden;"></i> </td> <td> Banning domains from the group </td> </tr> </table> </a> </li> <li class="toggleBtnList"> <a id="linkcreating-group-aliases" href="javascript:loadSection('creating-group-aliases', '')"> <table> <tr> <td> <i class="fa fa-fw fa-caret-left" style="visibility:hidden;"></i> </td> <td> Creating group aliases </td> </tr> </table> </a> </li> <li class="toggleBtnList"> <a id="linkusing-subgroups" data-toggle="collapse" href="#collapseusing-subgroups" onclick="javascript:loadSection('using-subgroups', '')" aria-expanded="false" aria-controls="collapseusing-subgroups"> <table> <tr> <td valign="top"> <i class="fa fa-fw fa-caret-down"></i> <i class="fa fa-fw fa-caret-right"></i> </td> <td> Using subgroups </td> </tr> </table> </a> <ul class="nav collapse" id="collapseusing-subgroups" style="padding-left:15px"> <li> <a id="linkusing-subgroups_overview" href="javascript:loadSection('using-subgroups', 'overview')"> Overview </a> </li> <li> <a id="linkusing-subgroups_creating-a-subgroup" href="javascript:loadSection('using-subgroups', 'creating-a-subgroup')"> Creating a subgroup </a> </li> <li> <a id="linkusing-subgroups_using-subgroup-categories" href="javascript:loadSection('using-subgroups', 'using-subgroup-categories')"> Using subgroup categories </a> </li> </ul> </li> <li class="toggleBtnList"> <a id="linkrenaming-groups" data-toggle="collapse" href="#collapserenaming-groups" onclick="javascript:loadSection('renaming-groups', '')" aria-expanded="false" aria-controls="collapserenaming-groups"> <table> <tr> <td valign="top"> <i class="fa fa-fw fa-caret-down"></i> <i class="fa fa-fw fa-caret-right"></i> </td> <td> Renaming groups </td> </tr> </table> </a> <ul class="nav collapse" id="collapserenaming-groups" style="padding-left:15px"> <li> <a id="linkrenaming-groups_considerations" href="javascript:loadSection('renaming-groups', 'considerations')"> Considerations </a> </li> <li> <a id="linkrenaming-groups_renaming-a-group" href="javascript:loadSection('renaming-groups', 'renaming-a-group')"> Renaming a group </a> </li> </ul> </li> <li class="toggleBtnList"> <a id="linkupgrading-or-downgrading-groups" data-toggle="collapse" href="#collapseupgrading-or-downgrading-groups" onclick="javascript:loadSection('upgrading-or-downgrading-groups', '')" aria-expanded="false" aria-controls="collapseupgrading-or-downgrading-groups"> <table> <tr> <td valign="top"> <i class="fa fa-fw fa-caret-down"></i> <i class="fa fa-fw fa-caret-right"></i> </td> <td> Upgrading or downgrading groups </td> </tr> </table> </a> <ul class="nav collapse" id="collapseupgrading-or-downgrading-groups" style="padding-left:15px"> <li> <a id="linkupgrading-or-downgrading-groups_upgrading-a-free-group" href="javascript:loadSection('upgrading-or-downgrading-groups', 'upgrading-a-free-group')"> Upgrading a Free group </a> </li> <li> <a id="linkupgrading-or-downgrading-groups_downgrading-a-premium-or-enterprise-group" href="javascript:loadSection('upgrading-or-downgrading-groups', 'downgrading-a-premium-or-enterprise-group')"> Downgrading a Premium or Enterprise group </a> </li> </ul> </li> <li class="toggleBtnList"> <a id="linkdeleting-a-group" href="javascript:loadSection('deleting-a-group', '')"> <table> <tr> <td> <i class="fa fa-fw fa-caret-left" style="visibility:hidden;"></i> </td> <td> Deleting a group </td> </tr> </table> </a> </li> <li class="toggleBtnList"> <a id="linkfeatures-available-for-enterprise-groups-only" data-toggle="collapse" href="#collapsefeatures-available-for-enterprise-groups-only" onclick="javascript:loadSection('features-available-for-enterprise-groups-only', '')" aria-expanded="false" aria-controls="collapsefeatures-available-for-enterprise-groups-only"> <table> <tr> <td valign="top"> <i class="fa fa-fw fa-caret-down"></i> <i class="fa fa-fw fa-caret-right"></i> </td> <td> Features available for Enterprise groups only </td> </tr> </table> </a> <ul class="nav collapse" id="collapsefeatures-available-for-enterprise-groups-only" style="padding-left:15px"> <li> <a id="linkfeatures-available-for-enterprise-groups-only_overview" href="javascript:loadSection('features-available-for-enterprise-groups-only', 'overview')"> Overview </a> </li> <li> <a id="linkfeatures-available-for-enterprise-groups-only_setting-up-a-custom-domain-or-subdomain" href="javascript:loadSection('features-available-for-enterprise-groups-only', 'setting-up-a-custom-domain-or-subdomain')"> Setting up a custom domain or subdomain </a> </li> <li> <a id="linkfeatures-available-for-enterprise-groups-only_adding-a-custom-logo-and-custom-email" href="javascript:loadSection('features-available-for-enterprise-groups-only', 'adding-a-custom-logo-and-custom-email')"> Adding a custom logo and custom email header and footer graphics </a> </li> <li> <a id="linkfeatures-available-for-enterprise-groups-only_customizing-the-home-page-displayed-to-users" href="javascript:loadSection('features-available-for-enterprise-groups-only', 'customizing-the-home-page-displayed-to-users')"> Customizing the home page displayed to users who are not logged in </a> </li> <li> <a id="linkfeatures-available-for-enterprise-groups-only_customizing-enterprise-group-settings" href="javascript:loadSection('features-available-for-enterprise-groups-only', 'customizing-enterprise-group-settings')"> Customizing Enterprise group settings </a> </li> </ul> </li> <li class="toggleBtnList"> <a id="linkabout-groups-io-billing" data-toggle="collapse" href="#collapseabout-groups-io-billing" onclick="javascript:loadSection('about-groups-io-billing', '')" aria-expanded="false" aria-controls="collapseabout-groups-io-billing"> <table> <tr> <td valign="top"> <i class="fa fa-fw fa-caret-down"></i> <i class="fa fa-fw fa-caret-right"></i> </td> <td> About Groups.io billing </td> </tr> </table> </a> <ul class="nav collapse" id="collapseabout-groups-io-billing" style="padding-left:15px"> <li> <a id="linkabout-groups-io-billing_group-payors" href="javascript:loadSection('about-groups-io-billing', 'group-payors')"> Group payors </a> </li> <li> <a id="linkabout-groups-io-billing_billing-notifications" href="javascript:loadSection('about-groups-io-billing', 'billing-notifications')"> Billing notifications </a> </li> <li> <a id="linkabout-groups-io-billing_updating-the-credit-card-or-debit-card" href="javascript:loadSection('about-groups-io-billing', 'updating-the-credit-card-or-debit-card')"> Updating the credit card or debit card on file </a> </li> <li> <a id="linkabout-groups-io-billing_changing-the-group-s-payor" href="javascript:loadSection('about-groups-io-billing', 'changing-the-group-s-payor')"> Changing the group’s payor </a> </li> </ul> </li> <li class="toggleBtnList"> <a id="linkadditional-information" data-toggle="collapse" href="#collapseadditional-information" onclick="javascript:loadSection('additional-information', '')" aria-expanded="false" aria-controls="collapseadditional-information"> <table> <tr> <td valign="top"> <i class="fa fa-fw fa-caret-down"></i> <i class="fa fa-fw fa-caret-right"></i> </td> <td> Additional information </td> </tr> </table> </a> <ul class="nav collapse" id="collapseadditional-information" style="padding-left:15px"> <li> <a id="linkadditional-information_standard-group-email-addresses" href="javascript:loadSection('additional-information', 'standard-group-email-addresses')"> Standard group email addresses </a> </li> <li> <a id="linkadditional-information_groups-io-bounce-handling" href="javascript:loadSection('additional-information', 'groups-io-bounce-handling')"> Groups.io bounce handling </a> </li> <li> <a id="linkadditional-information_topic-threading-algorithm" href="javascript:loadSection('additional-information', 'topic-threading-algorithm')"> Topic threading algorithm </a> </li> <li> <a id="linkadditional-information_member-badges-and-topic-icons" href="javascript:loadSection('additional-information', 'member-badges-and-topic-icons')"> Member badges and topic icons </a> </li> <li> <a id="linkadditional-information_api-access-and-documentation" href="javascript:loadSection('additional-information', 'api-access-and-documentation')"> API access and documentation </a> </li> </ul> </li> <li class="toggleBtnList"> <a id="linkacknowledgements" href="javascript:loadSection('acknowledgements', '')"> <table> <tr> <td> <i class="fa fa-fw fa-caret-left" style="visibility:hidden;"></i> </td> <td> Acknowledgements </td> </tr> </table> </a> </li> <li class="toggleBtnList"> <a id="linkrevision-history" href="javascript:loadSection('revision-history', '')"> <table> <tr> <td> <i class="fa fa-fw fa-caret-left" style="visibility:hidden;"></i> </td> <td> Revision history </td> </tr> </table> </a> </li> <li> <a href="#"> Updated: June 16, 2023 </a> </li> </ul> <p></p><br /> </div> <div class="scrollable col-xs-10" styleXX="-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing: border-box;height: 100%;"> <ol class="breadcrumb"> <li> <a href="/helpcenter"> <i class="far fa-info-circle"></i> Help Center </a> </li> <li class="active"> <a href="/helpcenter/ownersmanual"> <i class="far fa-book"></i> Group Owners Manual </a> </li> </ol> <div class="row"> <div class="col-xs-10" id="fred"> <h2> Welcome to the Groups.io Owners Manual </h2> <ul> <li> View the manual as a <a href="/helpcenter/ownersmanual?single=true"> single page </a> . Then you can use the Find feature in your web browser to search the entire owners manual. </li> <li> View a <a href="/hc/ownersmanual/Groups.io_Owners_Manual.pdf"> PDF version </a> of the manual. Then you can use the Find feature in your PDF reader to search the entire file. </li> </ul> <p> <strong> Tip: </strong> In most browsers and PDF readers, you can press Ctrl+F on Windows or Command+F on Mac to access the Find feature. </p> <p> Updated: June 16, 2023 </p> </div> </div> </div> </div> <script> contentLoaded(false, function() { $('[data-toggle="tooltip"]').tooltip() loadSection('viewing-and-managing-your-group-s-storage', 'managing-your-group-s-storage-space'); $("#collapseviewing-and-managing-your-group-s-storage").collapse('show'); $("#linkviewing-and-managing-your-group-s-storage_managing-your-group-s-storage-space").parent().addClass("active"); }); function loadSection(section, subsection) { url = "/helpcenter/ownersmanual/1/" + section; if (subsection != "") { url += "/" + subsection; } console.log("URL=", url); window.history.pushState('page2', 'Help Center', url); $.ajax({ url: url + "?json=1", dataType: "json" }).success(function(data) { //console.log("got"+data.Content); if (subsection == "" && data.Subsections) { raw = "<h2>" + data.Name + "</h2><h3>In this section:</h3><ul>"; for (i = 0; i < data.Subsections.length; i++) { raw += "<li><a href=\"/helpcenter/ownersmanual/1/" + section + "/" + data.Subsections[i].SubsectionName + "\">" + data.Subsections[i].Name + "</a></li>"; } raw += "</ul>" $('#fred').html(raw); $('[data-toggle="tooltip"]').tooltip() } else { content = "<h2>" + data.Name + "</h2>" + data.Content; if (data.Subsections) { for (i = 0; i < data.Subsections.length; i++) { content += "<h3>" + data.Subsections[i].Name + "</h3>" + data.Subsections[i].Content; } } $('#fred').html(content); $('[data-toggle="tooltip"]').tooltip() } }); } </script> </div> </body> </html>