I have the Back to Top plugin enabled for my devsite on 4.7.  The up symbol appears on both the desktop and the mobile display.  It is such a convenience to move up quickly.  I find when I look at the Invision Community site on my mobile, specifically Matt's reply to Invision Community 5: Editor Permissions and Custom Embeds, that I had to flick and flick and flick to reach the top of the site and refer to another notification.  

My suggestion: implement a return to top or back to top as a default feature for the platform, especially since 'plugins' are going away for v5. 

21 minutes ago, TracyIsland said:

especially since 'plugins' are going away for v5. 

This is not true. Plugins how they exist today will be going away but something like this will be certainly possible still by a third party author.

Back to top also is better suited by the OS. No need to clunk up the UI. iOS and desktop have this built in. I’m unsure if Android offers this but you only have so much space on mobile, I’m against clutter and accidental clicks that change the view. 

On iOS all you need to do is press at the top of the screen, quick and easy 👍

Is this Android shaming? Just for the record, not everyone at Invision Community has an Apple phone.  🤫 I know of at least one staff member who has an Android phone.

2 hours ago, Jim M said:

This is not true. Plugins how they exist today will be going away but something like this will be certainly possible still by a third party author.

Plugins in v5 work different than v4 but you can still do things 🙂 

5 hours ago, TracyIsland said:

Is this Android shaming?

There are tons of Android owners on Reddit wishing they had this same functionality of the iPhone.

There are also some workarounds; Gestures and try using another browser (like Safari) that shows a visible up button when scrolling. It's 2024 and Android still hasn't got a solution for this problem? 😉

On 8/12/2024 at 7:27 PM, TracyIsland said:

 I know of at least one staff member who has an Android phone.

Name and shame them! They must be outted! 😆

5 hours ago, Day_ said:

Name and shame them! They must be outted! 😆

Android owner and proud of it. No shame here.

2 hours ago, Esther E. said:

Android owner and proud of it. No shame here.

Various ways to do it, this is possibly the easiest. You could even add custom CSS to float it and pin it to the bottom of the page.

 

 

My members are asking for a 'return to top' option in V5, any suggestions please?

Yeah, it's super easy in Invision Community 5. Barely an inconvenience.

The javascript I paste in is this:

<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: .8em');

      let newIcon = document.createElement("i");
      newIcon.classList.add("fa", "fa-arrow-up");

      newLink.prepend(newIcon);

      newLink.addEventListener("click", function (event) {
          event.preventDefault();
          window.scrollTo({ top: 0, behavior: "smooth" });
      });

      newLi.appendChild(newLink);

      let ul = document.querySelector('nav.ipsBreadcrumb--bottom a[data-action="defaultStream"]').closest("ul");
      if (ul) {
          ul.appendChild(newLi);
      }
  });
</script>

26 minutes ago, Matt said:

Yeah, it's super easy in Invision Community 5. Barely an inconvenience.

Can you provide the same for "Mark all content as read"?

Thank you.

42 minutes ago, Matt said:

Yeah, it's super easy in Invision Community 5. Barely an inconvenience.

In your video (about 10s) we can see that back to top text was already added, how did you do that?

28 minutes ago, Adriano Faria said:

Can you provide the same for "Mark all content as read"?

Thank you.

Same steps as above, the JS is:

<script type="text/javascript">
  document.addEventListener("DOMContentLoaded", function () {
      let newLi = document.createElement("li");
      let newLink = document.createElement("a");
      newLink.href = ipsSettings.baseURL + 'markallread/?csrfKey=' + ipsSettings.csrfKey;
      newLink.innerText = "Mark Site Read";
      newLink.setAttribute( 'style', 'padding: .8em');

      let newIcon = document.createElement("i");
      newIcon.classList.add("fa", "fa-solid", "fa-eye");

      newLink.prepend(newIcon);
      newLi.appendChild(newLink);

      let ul = document.querySelector('nav.ipsBreadcrumb--bottom a[data-action="defaultStream"]').closest("ul");
      if (ul) {
          ul.appendChild(newLi);
      }
  });
</script>

4 minutes ago, Richard Arch said:

In your video (about 10s) we can see that back to top text was already added, how did you do that?

I did it first without recording, then removed it but didn't refresh the page before recording, that's all.

4 minutes ago, Matt said:

  4 minutes ago, Richard Arch said:

In your video (about 10s) we can see that back to top text was already added, how did you do that?

I did it first without recording, then removed it but didn't refresh the page before recording, that's all.

Aha, I needed to refresh the page in order to see it 🤫

Fantastic Matt 👍

19 minutes ago, Matt said:

Same steps as above, the JS is:

I had to add index.php:

newLink.href = ipsSettings.baseURL + 'index.php?markallread/?csrfKey=' + ipsSettings.csrfKey;

but I got the idea.

Thank you.

RIght, difference between .htaccess or not.

Doh, I've not got a text widget?! ☹️

I've got both working 👍

Thanks @Matt for taking the time to show us. And also thanks to @Adriano Faria for the tip on adding the index.php, I need that too.

I noticed the spacing between was out and it looks like the Unread Content does not have padding. Is that for lesson two or a bug?

13 minutes ago, Richard Arch said:

I've got both working 👍

Thanks @Matt for taking the time to show us. And also thanks to @Adriano Faria for the tip on adding the index.php, I need that too.

I noticed the spacing between was out and it looks like the Unread Content does not have padding. Is that for lesson two or a bug?

I'll make it more like the link in the menu, with the alert and using a language bit instead. I'll update this topic later.

25 minutes ago, abetts said:

Doh, I've not got a text widget?! ☹️

I've looked at your package, and you should. Give me a bit and I'll investigate.

5 minutes ago, Adriano Faria said:

I'll make it more like the link in the menu, with the alert and using a language bit instead. I'll update this topic later.

Enjoying the collaboration.

3 hours ago, Matt said:

I've looked at your package, and you should. Give me a bit and I'll investigate.

I don't know if it's related by when I type to search for the box this comes up. Just created a new vanilla theme and getting it.

Cheers, I'll whizz that off to our support desk. Looks like that is the issue.