Responsive Breadcrumb?
Forum rules
Please note that response time for technical support is within 3-5 business days.
Please note that response time for technical support is within 3-5 business days.
-
- Posts: 36
- Joined: 14 Nov 2021, 01:48
Is there a way to make the breadcrumb responsive?
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Hi,
Please try;
Best Regards,
Please try;
Code: Select all
body .layout-breadcrumb {
overflow-x: auto;
overflow-y: hidden;
}
body .layout-breadcrumb::-webkit-scrollbar {
display: none;
}
Github Profile: https://github.com/mertsincan
-
- Posts: 36
- Joined: 14 Nov 2021, 01:48
This doesn't work. It just truncates it. It's strange that the entire template is responsive except for the breadcrumbs.
-
- Posts: 36
- Joined: 14 Nov 2021, 01:48
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Hi,
This is about implementation. Our breadcrumb component provides this feature with scrollable for multi-content. In general, most ui component libraries follow this way.
PrimeFaces Breadcrumb component;
https://www.primefaces.org/showcase/ui/ ... rumb.xhtml
Best Regards,
This is about implementation. Our breadcrumb component provides this feature with scrollable for multi-content. In general, most ui component libraries follow this way.
PrimeFaces Breadcrumb component;
https://www.primefaces.org/showcase/ui/ ... rumb.xhtml
Best Regards,
Github Profile: https://github.com/mertsincan
hi, I think it depends on your webiste's theme. did u find any helpful thing?
to see my homepage, u just need to touch it.
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Hi,
It has been made scrollable to make the breadcrumb component responsive. Video;
https://www.dropbox.com/s/6eszpi6jqskvr ... b.mov?dl=0
If you want to wrap items on responsive mode, you can override our css according to your needs.
Best Regards,
It has been made scrollable to make the breadcrumb component responsive. Video;
https://www.dropbox.com/s/6eszpi6jqskvr ... b.mov?dl=0
Code: Select all
<style>
body .layout-breadcrumb {
overflow-x: auto;
overflow-y: hidden;
}
body .layout-breadcrumb::-webkit-scrollbar {
display: none;
}
body .layout-breadcrumb .breadcrumb .route-bar-breadcrumb > li .ui-link {
white-space: nowrap;
}
</style>
Best Regards,
Github Profile: https://github.com/mertsincan
-
- Information
-
Who is online
Users browsing this forum: No registered users and 1 guest