Invision Community Tips and Tricks

JavaScript code snippet by Matt to add a Back-to-Top footer link. <script type = "text/javascript"> document.addEventListener("DOMContentLoaded", function() { let newLi = document.createElement("li"); let newLink = document.createElement("a"); newLink.href = "#"; newLink.innerText = "Back to Top"; newLink.setAttribute('style', 'padding-left: 1em'); let newIcon = document.createElement("i"); newIcon.classList.add("fa", "fa-arrow-

IPS 5 moves the Mark Site Read link into the user menu, making it unnecessarily hard to find and access that link. The following code adds the link back in the footer breadcrumb navigation. <script type="text/javascript"> document.addEventListener("DOMContentLoaded", function() { const memberStatus = document.querySelector('#ipsMenu_elUserLink'); if (memberStatus) { let newLi = document.createElement("li"); let newLink = document.createElement("a"); newLink

In Invision Community 4, it’s easy to open the theme template globalTemplate and make changes to it. With Invision Community 5 this is not possible anymore. So, how to add global code now, for example if you want to embed an external service into your page? Adding to the HTML body In your ACP, go to Customization → Appearance → Themes → Edit → Header & Footer You will see two input fields, one to add HTML code at the beginning of the page (Header HTML), one to add code at the end of the page

A nice way to present options with color coding. You might have seen it on the IPS providers page or bug tracker pages made with IPS 4.x.  So how is this done? First, set up a Pages field with the type “select box” and also activate “Multiple Selection”.  Now add the options you want to offer. Add a key (used as internal identifier) and a value, which is what will be shown to the users.  Now head over to the Display Options tab. For “Listing View Format” and “Display View Format” we choose “C

This code snipped for the custom display settings of a Pages upload fields create a list of files showing the original file name. Useful for offering multiple PDF downloads for example.  {{if $formValue}} <ul> {{foreach $value as $manual}} {{$file = \IPS\File::get('cms_Records', (string) $manual);}} <li> <a href="{$file->url}">{$file->originalFilename}</a> </li> {{endforeach}} </ul> {{endif}} Originally posted by newbie LAC Additi

Articles on blogs and news websites often have an “About the author“ block. Can we replicate that with Pages databases and information that was already added to the profile of the users? Yes, and here is how. {{if $record->author()->contentProfileFields()['core_pfieldgroups_1']['core_pfield_1']}} {$record->author()->contentProfileFields()['core_pfieldgroups_1']['core_pfield_1']|raw} {{endif}}This code would work on a Pages database display template where the member information can be

When you set up Apple Pay through Stripe as a new Commerce payment method, you will notice that Apple requires an identification file to be hosted on your website. But what if you don’t have access to the file system, e.g. because you are using IPS’ cloud offer? Well, you can also host the file through the Pages app. Here is how: First, set up the payment method in the Commerce settings using your Stripe credentials. Under the Apple Pay field, there will be a link to “register your domain”

This message in the Pages database settings tends to alert and confuse users.  But don’t worry about it. It’s not an error and usually not something you need to fix.  Background: By default, a Pages database has one category. You can then either turn categories or on or off. This changes how the database is displayed on the front end. (For example: Without categories, there will be no category listing page.) Once you start to add more categories, the message shown above will appe