Questions tagged [breadcrumbs]

A navigation aid used in user interfaces

Breadcrumbs or breadcrumb trail is a navigation aid used in user interfaces. It allows users to keep track of their locations within programs or documents.

1154 questions
6
votes
2 answers

Graphical breadcrumb for Emacs

Anyone know of any graphical breadcrumbs for Emacs? I would like to have the path to the file I am currently editing displayed on top somewhere.
mart1n
  • 5,969
  • 5
  • 46
  • 83
6
votes
7 answers

Breadcrumbs and NextJS

I'd like to make a breadcrumb for my NextJS application, and I'd like to know if there is a good or practical way to do it? I'd like to go through Ant Design, but the example of the component with React Router doesn't want to work for me. I need…
jipay
  • 83
  • 1
  • 1
  • 6
6
votes
6 answers

jQuery generate breadcrumbs from url?

Is there a way of getting jQuery to generate breadcrumbs on a page from the url? So if the site url was: mysite.com/sec1/sec2/page The breadcrumbs would be something like: Home > Sec1 > Sec2 > Page Thanks
Evanss
  • 23,390
  • 94
  • 282
  • 505
6
votes
4 answers

PHP array question

This is more of a conceptual question concerning the built in functionality of PHP and arrays. I was wondering if there is any way to do the following: You have an array $a and this array contains 5 elements (0-4) for the purpose of this example. Is…
6
votes
1 answer

How to create CSS breadcrumbs with clip-path?

I'm trying to make a breadcrumbs path using clip-path. #clip span { padding: 3px 20px; background-color: #666; color: white; display: inline-block; clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%, 10% 50%); }
Déjà vu
  • 28,223
  • 6
  • 72
  • 100
6
votes
2 answers

Angular Router Breadcrumbs with Lazy Loaded Modules

I am working with using the Angular router to dynamically add breadcrumbs. I have followed several examples and have gotten them to successfully work. However, if I attempt incorporate a lazy-loaded module, I get the error: Root segment cannot…
CodersCreed
  • 111
  • 1
  • 1
  • 5
6
votes
1 answer

Angular 4 : Routing rule with an undefined number of parameters

I have an Angular 4 file browser system, getting the current folder content only. It's just like the dropbox website behaviour. The desired behaviour: I am able to display the current path in a breadcrumb. I would like to bind my breadcrumb with my…
Kapcash
  • 6,377
  • 2
  • 18
  • 40
6
votes
2 answers

Implement Path Navigation bar (Breadcrumb bar) control

I want to generate an UI where someone can navigate through the path of a tree structure. Here is an example of what I want, taken from JavaFX Scene Builder. Depending on the actual position in an TreeView, this UI is updated. By clicking on…
BerndGit
  • 1,530
  • 3
  • 18
  • 47
6
votes
1 answer

How to use BreadCrumbBar in ControlsFX (JavaFX 8)

I'm a Java beginner trying to use BreadCrumbBar from ControlsFX to make a navigation bar in a desktop application I'm making using JavaFX 8. I can't seem to be able to get the bar to work the way I want to, and searching for a tutorial online…
Jay Vaidya
  • 189
  • 1
  • 7
6
votes
2 answers

Android FragmentBreadCrumbs deprecated? Why?

I have a question about creating breadcrumbs in an Android application. The android.app.FragmentBreadCrumbs class was deprecated in API Level 21. I can't seem to find another way to implement breadcrumb links in an Android application. Does anyone…
Andrew W.
  • 345
  • 6
  • 13
6
votes
2 answers

How to make a primefaces breadcrumb dynamic?

I'm using primefaces and want to add a breadcrumb menu. How should I load my breadcrumb dynamically? What advise or experience do you have?
Dimitri Dewaele
  • 10,311
  • 21
  • 80
  • 127
6
votes
2 answers

Create breadcrumbs dynamically on client side using javascript

I want to create breadcrumbs dynamically on client side using java script. The breadcrumbs will be the path followed by user while navigation as: Home > about us > our history.. The anchor tags will be generated on each page in the sequence in which…
Saurabh Palatkar
  • 3,242
  • 9
  • 48
  • 107
5
votes
3 answers

How do I replace separator of breadcrumb in react-bootstrap using css?

so I have a breadcrumb component that I've used with react-bootstrap. I need to override the default separator with ">". But it did not override anything. Could anyone help with this? Breadcrumb:
Valery Fun
  • 194
  • 10
5
votes
0 answers

Friendly Names in Breadcrumbs with react-router

My react app uses react-router-dom (v5.1.2). I added a breadcrumb to my UI that parses the router location to provide links back to higher UI levels. The Breadcrumb component looks like this (omitted some of the boilerplate for…
Jim B.
  • 4,512
  • 3
  • 25
  • 53
5
votes
5 answers

How to create working Breadcrumbs for Hugo?

It's unbelievable how difficult is to find solid information about slightly more advanced techniques with Hugo. After quite a while searching I’ve found this article with a very nice way to implement breadcrumbs for Hugo. I modified it a little bit…
user753531