Responsive Breadcrumbs

490 Posts

Vitaliy WD posted this 10 December 2015

Hello.

It would be great to realize Breadcrumbs control with Responsive mode.

Here is examples and sources:

1] "Responsive breadcrumbs" Bootstrap 3.1.0 Snippet by outsideMyBox
http://bootsnipp.com/snippets/featured/responsive-breadcrumbs

Responsive breadcrumbs that:

Display only the last n elements. Ellipses are added at the beginning of the list if elements are hidden
Set a maximum size for each elements. Ellipses are added after the label if it's too long

By setting breakpoints you can set the number of elements to display and their maximum size for different screen sizes.

Adapted from Triangle Breadcrumbs Arrows

2] rCrumbs jQuery plugin (View project on GitHub)
http://cm0s.github.io/jquery-rcrumbs/demo/

Responsive breadcrumbs that:

Automatic resize (with animation)
Automatic resize (without animation)
Fixed breadcrumbs width

Will be great to develop both of variants with option inside to configure it and choose mode.

To users: please vote for this topic if you have interest in this feature.

Hello. It would be great to realize **Breadcrumbs control with Responsive mode**. Here is examples and sources: **1] ["Responsive breadcrumbs" Bootstrap 3.1.0 Snippet by outsideMyBox][1]** http://bootsnipp.com/snippets/featured/responsive-breadcrumbs Responsive breadcrumbs that: - Display only the last n elements. Ellipses are added at the beginning of the list if elements are hidden - Set a maximum size for each elements. Ellipses are added after the label if it's too long By setting breakpoints you can set the number of elements to display and their maximum size for different screen sizes. Adapted from [Triangle Breadcrumbs Arrows][2] **2] [rCrumbs jQuery plugin][3] ([View project on GitHub][4])** http://cm0s.github.io/jquery-rcrumbs/demo/ Responsive breadcrumbs that: - Automatic resize (with animation) - Automatic resize (without animation) - Fixed breadcrumbs width Will be great to develop both of variants with option inside to configure it and choose mode. **To users: please vote for this topic if you have interest in this feature.** [1]: http://bootsnipp.com/snippets/featured/responsive-breadcrumbs [2]: http://bootsnipp.com/snippets/featured/triangle-breadcrumbs-arrows [3]: http://cm0s.github.io/jquery-rcrumbs/demo/ [4]: https://github.com/cm0s/jquery-rcrumbs

Last edited 10 December 2015 by Vitaliy WD

responsive breadcrumbs

Vote to pay developers attention to this features or issue.

9 Comments

Order By: Standard | Newest

1818 Posts

Stagger Lee posted this 10 December 2015

I voted.

But what is the point of hidden breadcrumbs items on smaller devices ? Better to disable them for smartphones and make smaller for tablets.

I voted. But what is the point of hidden breadcrumbs items on smaller devices ? Better to disable them for smartphones and make smaller for tablets.

490 Posts

Vitaliy WD posted this 10 December 2015

I voted.

But what is the point of hidden breadcrumbs items on smaller devices ? Better to disable them for smartphones and make smaller for tablets.

Thanks for your vote.

You right, for smartphones in most situation is better to hide Breadcrumbs. But for other devices it would be better to realize Responsive mode.

Main point: fit Breadcrumbs to one line when the route is too long (now it's jump to next line even in Desktop if categories and articles names is too long).

> I voted. > > But what is the point of hidden breadcrumbs items on smaller devices ? Better to disable them for smartphones and make smaller for tablets. Thanks for your vote. You right, for smartphones in most situation is better to hide Breadcrumbs. But for other devices it would be better to realize Responsive mode. Main point: fit Breadcrumbs to one line when the route is too long (now it's jump to next line even in Desktop if categories and articles names is too long).

Last edited 10 December 2015 by Vitaliy WD

1818 Posts

Stagger Lee posted this 10 December 2015

http://answers.themler.com/questions/49207/new-extension-ellipsis

Vote there. You can write your experiences and where you needed this option.

http://answers.themler.com/questions/49207/new-extension-ellipsis Vote there. You can write your experiences and where you needed this option.

490 Posts

Vitaliy WD posted this 11 December 2015

http://answers.themler.com/questions/49207/new-extension-ellipsis

Vote there. You can write your experiences and where you needed this option.

Good idea. Voted. But regarding Responsive Breadcrumb - in demo above there is "Display only the last n elements" function, that will be helpful too.

Anyway, it will be nice, if we can have completely workable Responsive Breadcrumbs Control.

So, let's vote for this topic to attract developers attention.

> http://answers.themler.com/questions/49207/new-extension-ellipsis > > Vote there. You can write your experiences and where you needed this option. Good idea. Voted. But regarding **Responsive Breadcrumb** - in demo above there is "**Display only the last n elements**" function, that will be helpful too. Anyway, it will be nice, if we can have completely workable **Responsive Breadcrumbs Control**. **So, let's vote for this topic to attract developers attention.**

490 Posts

Vitaliy WD posted this 14 December 2015

BTW, any reply from support about how hard is it to realize?

Support Team posted this 17 December 2015

Hello,
we've added this request to our wish list to consider for the future updates.

Lets also VOTE for this feature.

regards,
Aileen

Hello, we've added this request to our wish list to consider for the future updates. Lets also **VOTE** for this feature. regards, Aileen

4 Posts

awamilpathan posted this 15 September 2024

Great news! Delta Executor is now officially available for macOS, though the PC version has been discontinued.

Great news! Delta Executor is now officially [available][1] for macOS, though the PC version has been discontinued. [1]: https://delta-executor.cc/

Last edited 15 September 2024 by awamilpathan

4 Posts

kipasguyspro posted this 15 September 2024

Suyu Emulator planned with uncommon highlights, particularly for Android, Windows, and Linux-based gadget tablet frameworks and cell phones.

Good News for video editor of vlogging and the substance creation, having a strong and simple video editor is mandatory. There are heaps of video editors accessible for laptops. Picking the right video editor is in every case hard. The [VN][1] application is additionally open to laptops. [Suyu][2] Emulator planned with uncommon highlights, particularly for Android, Windows, and Linux-based gadget tablet frameworks and cell phones. [1]: https://vnvideoeditorforpc.com/ [2]: https://suyuemulator.net/

4 Posts

kipasguyspro posted this 15 September 2024

Download the Kipas Folks mod apk most recent rendition and alter the first game, Stagger Folks beta, as per your inclination and make it easy to understand to play.

Need to have some good times like a film and watch limitless motion pictures or web series yet from the solace of home? On the off chance that indeed, Dooflix APK is one of the most outstanding film applications that will give you all the good times.

Download the [Kipas][1] Folks mod apk most recent rendition and alter the first game, Stagger Folks beta, as per your inclination and make it easy to understand to play. Need to have some good times like a film and watch limitless motion pictures or web series yet from the solace of home? On the off chance that indeed, [Dooflix][2] APK is one of the most outstanding film applications that will give you all the good times. [1]: https://kipasguys.pro/ [2]: https://dooflix.vip/

You must log in or register to leave comments