I am trying ouy PrimeVue and using PrimeBlocks. But I have 2 problems.
- Firstly I was expecting left sidebar and the header to be locked on the page but when the content is long, the sidebar and the header also scrolls when scrolling.
- And a little thing, the red dot in the upper right corner for the notification icon next to the avatar icon, is huge compared to how it looks in the PrimeBlocks application, why?
Sidebar layouts
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: 560
- Joined: 23 Oct 2020, 09:28
- Sidebar scrolling with long content might be related to height of the sidebar. Have you used any PrimeFlex height class for styling? According to your usage of your app, you could use sticky header.
- Which red dot have you specified? Could you share a link of PrimeBlocks page link?
- Which red dot have you specified? Could you share a link of PrimeBlocks page link?
You are kind of missing my point.. I expect such a layout template to handle this or at least give me a way to hande this, like the other themes you have made.
If I just copy the layout block and input a lot of text, the header and sidebare begins to scroll, as I think it should not...
If I just copy the layout block and input a lot of text, the header and sidebare begins to scroll, as I think it should not...
PrimeFaces 11.x | PrimeVue 3.x | Spring Boot 2.7.x | Undertow | Mojarra 2.3.x
Mac OS, Firefox and Chromium
Mac OS, Firefox and Chromium
-
- Posts: 560
- Joined: 23 Oct 2020, 09:28
- To replicate your question, I have tried to multiply the menu items first example of this page https://www.primefaces.org/primeblocks- ... ebarlayout. While scrolling the page, the menu does not scroll and also I tried the opposite. I think there are some gaps on your question.
- Could you please check badge code? It should be 'v-badge.danger'.
Regards,
- Could you please check badge code? It should be 'v-badge.danger'.
Regards,
-
- Posts: 560
- Joined: 23 Oct 2020, 09:28
It's really hard the demonstrate this issue. Maybe this workaround could work. There is an element which has an '#app-sidebar-1' id. Could you clear the 'h-screen' class of this element?
Could you also have a screenshot of inspector of the badge?
Could you also have a screenshot of inspector of the badge?
-
- Information
-
Who is online
Users browsing this forum: No registered users and 11 guests