Blueprint, a React UI toolkit for the web.
Blueprint: https://blueprintjs.com/docs/
Questions tagged [blueprintjs]
143 questions
3
votes
2 answers
I need to access to input inside InputGroup BlueprintJs react component
The BluePrintJS React InputGroup component is great and convenient for modern user-interface. But unfortunately the React component do not allow access to the element inside.
I need to access the input element for 2 main reasons :
if I have…
Riccardo Cohen
- 133
- 1
- 9
3
votes
2 answers
Why is my webpack trying to load .js files when compiling a .sass file?
I'm trying to use blueprintjs so I followed the tutorial with this line:
main.sass
@import "~@blueprintjs/core";
However my webpack-dev-server gives me this error log:
ERROR in…
Alf
- 832
- 1
- 8
- 17
3
votes
3 answers
Can we add double click to table row in blueprintjs
I'm using blueprintjs's table to populate data and want some method to be called on double-clicking the table row. Is there any way to achieve it?
Thanks
anurodh sahu
- 123
- 1
- 6
2
votes
0 answers
Reduce BlueprintJS bundle size
I'm currently in the process of reducing my bundle size to deploy my project. I've noticed that blueprint takes up a large part of the bundle, approximately 130kb when using Brotli compression:
Would anyone with experience with BlueprintJS be able…
mmz
- 1,011
- 1
- 8
- 21
2
votes
0 answers
Proper method to use keyboard bindings to focus a dynamic menu/sub-menu in React
The Context
I am using BlueprintJS to create a custom data-table with type-ahead results which return in a Menu component (think Google Sheets with typeaheads). I would like to be able to use the keyboard arrow keys to navigate through this menu. …
Matt Dale
- 165
- 1
- 9
2
votes
2 answers
Set custom SVG icon on Ag-Grid sidebar
I need to specify custom icons on my Ag-Grid (React) sidebar for custom panels. My toolpanels looks like this:
toolPanels: [
{
id: "actions",
labelDefault: "Actions",
labelKey: "actions",
iconKey: "entityActions",…
Troy Peterson
- 461
- 1
- 5
- 16
2
votes
0 answers
Correct way to override css for blueprintjs components?
I've created a simple button and styled it via a custom class, but it doesn't work unless i enforce is using !important in the css file. How can I override styling without using !important?
2
votes
2 answers
(React-redux) BlueprintJs Suggest cannot backspace in input after making a selection
class MySuggest extends React.Component {
....
....
private handleClick = (item: string, event: SyntheticEvent) => {
event.stopPropagation();
event.preventDefault();
this.props.onChange(item);
…
Joye
- 21
- 2
2
votes
0 answers
Extending Component (Tree) in Blueprintjs
What I want to do is adding a new property to my tree that is then passed to its treeNodes. The reason is that I have child nodes that have a secondaryLabel. I want to use that label to dispatch an action to my redux store on click. So, when…
Shin
- 678
- 3
- 12
- 22
2
votes
1 answer
Can multiple BlueprintJS Popovers have the same target? (e.g. one for click and another for hover)
Let's say I have a Button component, and I'd like Popover A to appear upon hovering over the Button, and Popover B to appear when clicking on the button. Is this possible?
Dan Kras
- 138
- 4
2
votes
1 answer
How to create a sidenav in blueprintjs?
As the title says. I tried using the Overlay item that comes with blueprint, but that had the issue of only being able to scroll within the overlay. Also tried using reflexbox but that had the issue of not being able to scroll individually within…
jeffhu
- 370
- 3
- 10
2
votes
1 answer
Stop click event from propagating on popover target
I am trying to disable popover open on checkbox change, placed inside the popover target. I've tried stopping onChange and onClick events on checkbox but it doesn't work as intended.
Any help would be much appreciated.
Here's the relevant code…
Ali
- 51
- 1
- 5
2
votes
2 answers
BlueprintJS : SUGGEST => How to limit the row number on the popover?
How to limit the displayed row number (add a scollbar) in the popOver with the "Suggest" component of BluePrintJS ?
Ygo
- 45
- 8
2
votes
2 answers
Add elements to Blueprint Select component popover?
Blueprint's Select component is exactly what I need for my current React project, with one exception: I need to add some elements to its popover and don't see any way to do it.
Specifically, I'd like to add a title (e.g. an H2 element) above the…
Dave Feldman
- 104
- 1
- 9
- 28
2
votes
1 answer
