How to rename the view names of the New Discussion list filters in community site template in Sharepoint online?

Question

How to rename the view names of the New Discussion list filters in community site template in Sharepoint online?

Audi86 781

Hi, I am using community site template online and there is a Discussion list in there. I just want to rename the name of filter (below is the pic attached as a reference)

RaytheonXie_MSFT 40,476 Reputation points Microsoft External Staff

2022-10-17T09:19:33.49+00:00

Hi @Audi86
I am currently doing some research on this issue, will let you know as soon as possible

Accepted answer

0 additional answers

Your answer

RaytheonXie_MSFT 40,476 Reputation points Microsoft External Staff

2022-10-17T09:19:33.49+00:00

Hi @Audi86
I am currently doing some research on this issue, will let you know as soon as possible

Answer 1

RaytheonXie_MSFT 40,476 Microsoft External Staff

Hi @Audi86
You can click Modify the view like following

Then you can change the name of the view in the form

For more details you can refer to the following document
https://support.microsoft.com/en-us/office/create-change-or-delete-a-view-of-a-list-or-library-27ae65b8-bc5b-4949-b29b-4ee87144a9c9#OfficeVersion=classic

If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Audi86 781 Reputation points

2022-10-17T15:29:25.573+00:00

@RaytheonXie_MSFT thanks for response,
I dont want to change the name of the view rather I want to rename those filter names on the list (What's hot to What's trending). you will see this when you will create a site from community site template.

thanks

RaytheonXie_MSFT 40,476 Microsoft External Staff

Hi @Audi86
You could insert following js code to custom the name of view

<script type="text/javascript"   
 src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js"></script>    
<script type="text/javascript">  
  function change(){  
    if($("a:contains('My discussions')").length>0){  
       $("a:contains('My discussions')").text("hello");  
    }  
  }  
  $(function(){  
      setInterval("change()", 200);  
     });  
</script>

Audi86 781 Reputation points

2022-10-18T06:33:40.137+00:00

@RaytheonXie_MSFT sure i will try this. Just want to confirm what does interval 200 means?

Thanks
RaytheonXie_MSFT 40,476 Reputation points Microsoft External Staff

2022-10-18T06:39:09.823+00:00

Hi @Audi86
This means call the change() function after 200 milliseconds.
Audi86 781 Reputation points

2022-10-18T06:44:48.023+00:00

Hi @RaytheonXie_MSFT

Thanks for clarifying. So this will be a permanent change, right?

Thanks
RaytheonXie_MSFT 40,476 Reputation points Microsoft External Staff

2022-10-18T07:03:24.187+00:00

Hi @Audi86
This is only a javascript function to change the display of the html page. It won't change the resource of the page. Indeed, it's more like overwriting the original page after the page loaded. If you want to change the properties permanently. You need to change the name of the view.
Audi86 781 Reputation points

2022-10-18T07:08:25.767+00:00

@RaytheonXie_MSFT thats fine. overwriting is fine as long as it keeps the change. Last time when i got the script, it was changing back to original word when we are clicking on it. So i hope that it will retain the change even after clicking it. I will test it in the morning
Thanks
RaytheonXie_MSFT 40,476 Reputation points Microsoft External Staff

2022-10-18T07:18:03.87+00:00

Hi @Audi86
This won't change the resource of the page. The overwriting only works on the page loaded.
Audi86 781 Reputation points

2022-10-18T12:38:29.547+00:00

hi @RaytheonXie_MSFT I inserted the code using script editor. Nothing changed for me? any idea?

thanks
Audi86 781 Reputation points

2022-10-18T12:45:25.797+00:00

Never mind it worked as the i had tested on new site with default list. I was testing it with old site with added list, may thats why it was not working as you can see in the pic that it says "Discussion list 3". I am noticing a flickering from 'hello' to back to 'my discussion' but it comes back to hello again, when clicking on it

thanks
Audi86 781 Reputation points

2022-10-18T19:26:27.543+00:00

@RaytheonXie_MSFT how to change "Whats hot" to "Whats Trending". I tried replacing "my discussion" to "what's Trending" but its not happening? any idea? do we need a code change here?

Another question, I also tested with reducing 200 time interval and the flickering (means switching from "hello" to "my discussion" and then restating to "hello") is going away when clicking on 'hello', can I reduce the interval here?

thanks
RaytheonXie_MSFT 40,476 Reputation points Microsoft External Staff

2022-10-19T02:00:17.337+00:00
Hi @Audi86
You have to replace my discussion to What's hot and use \' to transfer ' like following

function change(){ if($("a:contains('What\'s hot')").length>0){ $("a:contains('What\'s hot')").text("What\'s Trending"); } }

You can also reduce the interval. But the time of the page loading should be less than the time you change

Audi86 781

hi @RaytheonXie_MSFT I cant make it work what's hot is not changing to what's Trending, even i copy paste your code.

I also want to share the existing code what i have but its only working till I am not clicking the "what's Trending". once i click, I switch back to What's hot. can you check if you can use this code to fix it to remain same

<script src="https://code.jquery.com/jquery-2.2.4.js" type="text/javascript"></script>  
  
<script type="text/javascript" src="/_layouts/15/sp.runtime.js"></script>  
  
<script type="text/javascript" src="/_layouts/15/sp.js"></script>  
  
<script type="text/javascript">  
$(document).ready(function () {  
$(".ms-comm-heroLinkContainer").find("span").eq(1).css('display','none');  
});  
  $(document).ready(function () {  
    
      $("#clientPivotControl0_surfaceopt0").text("Recent");  
        $("#clientPivotControl0_surfaceopt1").text("Whats Trending");  
                $("#clientPivotControl0_surfaceopt2").text("My discussion");  
});  
</script>

Audi86 781 Reputation points

2022-10-20T19:31:09.067+00:00

@RaytheonXie_MSFT I tried your suggestion but was unsuccesful in changing what's hot to Trending. Are you able to do it on your end?

thanks
Audi86 781 Reputation points

2022-10-21T20:52:59.433+00:00

@RaytheonXie_MSFT Nevermind, we were able to use just "hot" to match the What's Hot and its working :)

function change(){
if($("a:contains('hot')").length>0){
$("a:contains('hot')").text("Trending");

thanks
RaytheonXie_MSFT 40,476 Reputation points Microsoft External Staff

2022-10-24T01:30:47.703+00:00

Hi @Audi86
Glad that you found the solution to this problem. Thanks for your sharing.

Share via

How to rename the view names of the New Discussion list filters in community site template in Sharepoint online?

0 additional answers

Your answer