question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Move custom buttons automatically to the sidebar

See original GitHub issue

We have several custom buttons implemented.

We’ve noticed that the provided button components, usually hide in the sidebar.

That was no issue for us, until we decided we’re going to make our website into a hybrid app, and we have enabled several features, plus our custom buttons.

Screenshot 2022-11-17 at 10 03 24

The real problem arrises when we try to resize the content - custom buttons are not going into the sidebar.

We are managing to hide them via hacks, or just some css tricks but every time we want to add an additional button, it becomes a struggle and we are having issues with different screen sizes and devices.

We would like to suggest you to build in functionality that allows creation of custom buttons as components.

For Example: <pdf-custom-button [icon]="'icon'" [label]="'My label'" (click)="callmyfunc" [styleClass]="'myStyle'" [tooltip]="'Text on hover'"> </pdf-custom-button>

Issue Analytics

  • State:open
  • Created 10 months ago
  • Reactions:1
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

2reactions
stephanrauhcommented, Nov 17, 2022

That’s a really nice idea! Loving it!

Just to make sure we’re talking about the same thing: I assume your sidebar is what I call the secondary menu - the kebab menu on the right-hand side?

As for the <pdf-custom-button>: Sound’s great, but I guess I’ll have to wrap my head around the idea. It feels right, but at the moment, I don’t know to implement it. Maybe I’ll reach out to you again with questions. One thing to consider is the CSS breakpoints. Currently, I’ve defined three or four screen sizes, and I’d like to enable you to define which button is shifted to the secondary menu on which screen size. I’m not sure if you need this feature, but I guess there are developers out there who need it.

0reactions
stephanrauhcommented, Dec 3, 2022

Counting and measuring buttons sounds like the way to go. It’d allow me to get rid of the CSS magic while offering developers a lot more flexibility. Truth to tell, I was never happy with the breakpoint approach. It works, but it’s a far cry from the elegance of the concept of breakpoinst of Bootstrap, Material Design or Tailwind.

If I find a way to provide decent backward compatibility, that’s going to be a cool feature for version 16!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Customize the Finder toolbars on Mac - Apple Support
In the Finder on your Mac, hide, show, or resize the toolbar or sidebar, and change or rearrange their contents.
Read more >
Implementing custom sidebar across all views - SwiftUI
I have made a custom slimline sidebar that I am now implementing across the whole app. The sidebar consists of a main button...
Read more >
Configure the Sidebar | Confluence Data Center and Server 8.0
To add custom content to your sidebar: Go to the space and choose Space tools > Look and Feel from the bottom of...
Read more >
My ZBrush Buttons Don't Fit!! Side bar CTRL sliding ... - YouTube
Intro to ZBrush Playlist (Including Custom Interface and Menu, ... Side bar CTRL sliding, Wide Buttons, & Customize Interface solution!
Read more >
Sidebars | Visual Studio Code Extension API
While extensions cannot contribute Views directly to it by default, users can drag Views from the Primary Sidebar or the Panel to customize...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found