How to route to custom pages instead of OOTB pages for a newly created portal?

[Pravallika1]

Hi Guys,

We implemented Idea Portal in Community.But we had some CSS changes and so instead of doing it in OOTB portal and widgets , I created a new portal similar to OOTB idea portal ,cloned all the pages and widgets and made changes to them.

1.Now on the portal when we click back to home from any page ,its leading to OOTB page instead of our newly cloned page.Please let me know where and how to change it. If i click on Home in breadcrumbs now its leading to OOTB homepage instead it should go to newly created portal homepage. 

Screenshot-1:When opened any idea clicked Home on breadcrumbs

Screenshot-2: OOTB page which it shouldnt go

2.From newly created homepage ,if i open any idea created its going to OOTB view_idea page instead it should go to cloned page which was created for the new portal.

Screenshot-3:Newly created portal Homepage.When clicked on test idea it should go to newly cloned view_idea page but it is leading OOTB page

Screenshot-4: OOTB page which it is currently opening

3.And also when i open any article from Top Voted Ideas widget on homepage it is also opening OOTB page. For this i saw a Angular Provider - topVotedIdeas in this it contains the link '<a ng-href="?id=view_idea&sysparm_idea_id={{::idea.sysId}}&sysparm_idea_table={{::ideaTable}}&sysparm_module_id={{::moduleId}}" class="idea-item idea-content" ng-click="trackEvent()">' +'  to open the page. Then i created a new Angular provider with same code but changed the link and added it to the cloned widget ,then the Top Voted Ideas widget on homepage is completely not shown. Please help me with this.

OOTB Angular Provider:

Please help me with answers team for all the 3 questions. I am struggling with this from long time.Its a bit urgent to be delivered.

Any reply will be helpful.Thank You!!

[Soeren Maucher]

Hello,

Regarding your first question:

1. When creating a new portal, you can set the “homepage”. This will be the page the user will be redirected to when he clicks on the “Home” tab on the breadcrumbs. Make sure you select your cloned/custom page here.

Greetings,
Sören

[Pravallika1]

Hey @Sören Maucher 

I already selected cloned page in the homepage field but it still didnt route to that page. I had to clone the breadcrumbs widget and made a change in html line by giving my cloned page id.

In Cloned breadcrumbs widget ,HTML Line modified:

<span><a ng-href="?id=Your page which is your homepage">${Home}</a>

Thankyou!!

[Soeren Maucher · Accepted solution]

Hello,

Regarding your second question question:

2. For this you can create a “Page Route Map”. Any time the user will try to access the “oob_page” he will automatically be rerouted to your “custom_page”. Make sure to also select the portal to which this rule should apply to.

Greetings,
Sören

[Pravallika1]

Hey @Sören Maucher 

This worked for me. Now if i click anywhere in my custom portal ,it routes to my cloned paged.

I already tried creating page routing map but i think i made some mistake. With the way you mentioned it totally worked.

Thank you!!