Combine PrimeNG components with PrimeBlocks

Post Reply
Posts: 1
Joined: 18 Mar 2022, 11:17

19 Sep 2022, 15:17


I'm trying to implement a sidebar with the "Grouped" Sidebar Navigation PrimeBlocks. However, when I add the PrimeBlocks-code to the element it overlaps with the "X" button generated by the component and doesn't appear to have the same width either. See attached excerpt of code and image.

Code: Select all

<p-sidebar [(visible)]="display">
    [PrimeBlocks-code copied from the PrimeBlocks-page]

The PrimeBlocks-code works fine if I omit <p-sidebar> but then I lose access to the Sidebar component properties from PrimeNG.

My questions is: What's the expected way of utilizing the PrimeBlocks in my case if I want to keep the <p-sidebar> component?

I'm using:
Angular 14.0.1
PrimeFlex 3.2.1
PrimeIcons 5.0.0
PrimeNG 14.1.1


Posts: 44
Joined: 17 Jun 2022, 09:43

03 Oct 2022, 12:15


You should take the blocks from the code section and use them.
Then of course you can make customizations. The sign x you have shown is not available in our blocks.

If you want to do customization, you should make your codes appropriately in accordance with visuality and functionality.


Post Reply

Return to “PrimeBlocks for PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 0 guests