Intercepting Query String Changes in Web Parts -Error when traversing between items in Left nav (SPFx Webparts)

I am working in Sharepoint online 2019 with SPFx Webaparts. We had a requirement to change query string (added filter)

in application spfx webpart with kendo grid. It got changed in URL but the grid not reloaded. So we used Intercepting query logic by referring…

Everything works fine inside the webpart. Query changed in URL reflected in grid and data loaded based on query string.

Now the issue is when we traverse between items in left navigation (between the applications)

“Cannot read property ‘web’ of undefined”

“Cannot read property ‘wrapper’ of undefined”

error is coming.(kindly see attachment).

Before implementing Query intercepting it was working fine.

Couldn’t find the solution to fix this issue. Please help!!!

Is there anything to deal with Webpart rendering?!! Any help!

enter image description here


How to create a custom permission level for Contribute + editing quick nav + footer nav links in SP Online?

In SP Online modern sites, I want to to have a custom permission to be Contribute + the ability to edit those quick nav + footer links on the page. If you can fine tune it to be only the quick nav that is even better.

There is an article on this apparently for SP Online modern sites.

Does anyone know which specific permission to add to grant the nav links updating? We only want that to be included and preferably minimize adding in anything extra.

Edit rights grants this, but gives too much control which includes adding or removing lists and apps, and editing columns and views.

Adding Author URL to Nav Menu via Shortcode

I’m looking to add the Author URL to the Nav Menu via a shortcode.

Here’s the shortcode I registered:

add_shortcode( 'author_url', function() {
    return get_author_posts_url( get_current_user_id() );
} );

After registering the shortcode, I tried using this plugin to add it to the nav menu:

However, the shortcode output is https//mysite.local on my localhost

Notice how it’s lacking the ‘:’ after the https.

What’s going on, and how can I fix this?


navigation – Hamburger Menu and Nav Links combination

I think this approach is actually quite common and in some cases necessary.

For example, consider you have 10 nav links, with a mobile or tablet this is going to hard to display without in some way hiding options (unless you make them super tiny! which will introduce usability issues in itself).

Now think about how you might analyse those links, the likelihood is that you have some which are more frequently used than others (you can verify this by tracking metrics).
Or some which provide important feedback about the state of the system, which is key again for usability.

Facebook is a good example of this, the leave 5 items out of the hamburger but put everything else in it.

enter image description here

If you think about the 5 they have left out, you’ve got:

  1. The logo / home link – brand important and likely used often as the scale of the site is important and returning home avoids you getting lost.
  2. Search, again Facebook is a massive site, presumably metrics prove people do a lot of searching so it’s given a high priority.
  3. Messenger, link to an external app which can have notifications (indications of system state) attached
  4. Notifications, provides a visual indicator of system status.
  5. Account, provides an important visual indicator that I’m logged in as who I think I am, and contains important functions like being able to logout, and other security bits.

There are many other examples of hiding less important menus behind hamburgers and leaving some outside, I can’t recall loads but:


enter image description here


enter image description here

BBC sport (the All sport menu)

enter image description here

As a side point, a lot of sites are using both text an a humburger menu for this kind of thing, but that’s a whole other kettle of fish.

unity – Nav Mesh Agents are not moving along the mesh

I’m fairly new to unity.I’ve been playing with Nav Mesh Agents lately.I have encountered this problem twice.The first time I didn’t bother redoing my project all over again.But now its bothering me too much.

I initially had a NavMesh baked along the road in my game.But later I had to change the layout of the roads, hence I had to rebake the Nav Mesh.

But now I’m having the problem where the agents are not moving along the Nav Mesh to Reach the destination, but instead they “try” to move along the shortest path.As a result of this all agents gather to a point rather than moving along the track.I’ve shown below a picture to better illustrate my problem.

Issue I have

They try to move along the red line instead of going along the road and then getting to the destination.

I’m pretty confident that nothing’s wrong with my code because it worked earlier and works well in other scenes.Is there anything I missed when re-baking the Nav Mesh?Any help to get the agents to move along the road is much appreciated?
Thanks in advance.

website design – I am considering a Tree Nav layout on webpage for ticket approvals. What could be some alternatives?

I’m trying to make a layout design for a process.
I have 3 types of users one is x , b and c.

x does some work, then b approves it, then c confirms it.
But b can disapprove and open a ticket for x on that same task and c can also do the same. It’s confusing but I want to see them all in a single page which shows x did “work1” then b approved it but c declined it but created a ticket called “work2”. then x again did “work2” b approved it and then c confirmed it and the task ended.

It required some sort of a tree view according to my perspective what do you think what sort of tree view would be better?

usability – Exposing dropdowns in nav bar

Our team is currently debating on which navbar layout they should go with. The main discussion point is whether we should expose dropdowns on the navbar.

These dropdowns are for selecting a customer and campaigns created under the customer. In the first layout, they are positioned next to navbar items.

Layout 1

layout #1

And we have another version that keeps customer/campaign selectors under the settings panel.

Layout 2

layout #2

Those who support the first proposal thinks that it is inconvenient to open the settings panel to check & change a current customer and campaign.

Those who support the second proposal think that the inconvenience from opening the settings panel is insignificant therefore keeping it under the settings panel for less visual clutter. Moreover, they support this idea because it is “safer” from various screen sizes as it ensures the adequate amount of spacing among navbar elements.

What do you guys think about the pros and cons of each layout and which one would you go with?

navigation – What are the pros and cons with an overflowing horizontal scrollable nav bar?

On the team with designers and coders at my office, we’re currently having a discussion about horizontal navigation bars when they overflow on mobile. This is not a discussion about using cards that are scrollable, like in the Netflix app, but rather in a menu/sub menu.

We took a look at what Google is doing and they fade out other options that are not visible.

Google horizontal nav bar 1

But what happens when the screen size is smaller than that?

Google horizontal nav bar 2

Suddenly, there’s no indication whatsoever that there are more options.

That’s my biggest concern with these types of solutions. Other things I’m worried about are accidental edge swipes and back navigation. Wouldn’t a “More” menu be a better solution?

What are your thoughts? Are people used to this type of navigation? Do they actually use it? What are the options?

ai – How to adjust a path to avoid collisions with moving obstacles inside a nav mesh?

I’m writing a script for a bot and I’m a little bit stuck.

There’s a game, there’s a player (me) and I want to get from point A to point B.

I can find the path via bot’s API (it returns a List<Vector3F> points).

There’s also an NPC who wanders along a known route (also List<Vector3F>), back and forth. Actually there’re several NPCs with their own predefined routes.

How can I adjust my path to not collide with these NPCs (which are themselves moving)?

I’ve read a bit about pathfinding, collision avoidance, velocity obstacles, WHCA*, HRVO, but I can’t figure out what’s the best in my situation.

The problem is that these algorithms can give me points which lie outside of nav mesh (I think so)…

Any ideas will be appreciated.

CTA repetition – Is having CTA in nav, hero, and footer overkill?

This is a pretty common design. 3 CTAs

Theres a CTA in the hero and nav with the same CTA and when you scroll to the bottom theres also another CTA that says the same thing. It feels a bit repetitive to me, but then again, I see it every where.

Are there any studies or research regarding the usability and conversion of this design? What are your thoughts on this?