Stack Overflow
Stack Overflow

Questions tagged [blueprintjs]

Blueprint, a React UI toolkit for the web.

Blueprint: https://blueprintjs.com/docs/

143 questions
0
votes
0 answers

How to reset query on MultiSelect2 from blueprintjs after creating a new item?

Here's a little snippet of my component. const addNewOption = (type: string) => { return type; }; const handleAddNewType = (type: string) => { setData([ ...data, { name: type, isSelected: true, …
Owenn
  • 638
  • 1
  • 6
  • 23
0
votes
0 answers

BlueprintJS change primary colour

I am trying to change the primary colour for BlueprintJS in react. Below is the following information on my setup. Dependencies in packages.json: "dependencies": { "@blueprintjs/core": "^4.11.2", "@blueprintjs/icons": "^4.6.3", …
Anthony
  • 39
  • 6
0
votes
0 answers

How to change text-overflow on Blueprintjs Suggest component in React?

I have a Suggest component that is rendered out like this:
0
votes
1 answer

Strange popover behavior in blueprintjs on safari

When using blueprintjs to display a menu using Popover I get some very, very strange results that only occur in Safari. (See the images.) The nice image shows what the menu looks like in Chrome or Firefox. The ugly image shows what it always looks…
Bruce Sherin
  • 179
  • 1
  • 8
0
votes
1 answer

Blueprintjs icons not displaying correctly on pages

I am currently working on an old React application that has blueprintjs version 1. I upgraded to version 4. I followed the documentation. The icons are currently not displaying correctly. See image. Am I doing anything wrong?
Damien
  • 1,582
  • 1
  • 13
  • 24
0
votes
1 answer

JupyterLab Extension blueprintjs/core type issue after npm install

Made a JLab extension and saved to Git. Created new environment and pulling it works. Confirmed it worked for a friend too. Then just added a new react object to it and saved back to Git in a new branch. Next creating yet a new environment and…
djmonkey
  • 13
  • 3
0
votes
1 answer

Blueprint.js dynamic $ns variable in scss

I'm using Blueprint.js v3.x and have been making use of the SASS variables. I want to leverage the $ns variable, but my app is in dark mode. The $ns variable is set to bp3 !default; on line 10 of the file above, which from what I understand means I…
warren wiser
  • 57
  • 2
  • 10
0
votes
1 answer

Removing blue border around BlueprintJS numeric input on focus

I'm using a BlueprintJS Numeric Input component and want to remove the blue outline when you focus on the component. I want to remove it because it's inside something else that has its own border when you focus it. I've built the following…
TheStrangeQuark
  • 2,257
  • 5
  • 31
  • 58
0
votes
0 answers

Blueprint's Select Component onItemSelect trigger on 'Tab' key

The onItemSelect callback method for Blueprint's select component gets triggered only when an option is clicked or the 'enter' key is pressed. I would like it to be triggered when the 'Tab' key is pressed too. const DropSelect =…
K.P.
  • 61
  • 1
  • 5
0
votes
1 answer

Blueprint DateInput component not rendering correctly

I'm writing a movie-logging React application, and I'm trying to incorporate Blueprint's DateInput component in an 'add movie' dialog I've written. I've followed their example to the best of my ability but it seems like there's some issue with how…
Ben M.
  • 1
0
votes
1 answer

Tabulator - custom cell editor not fully opened

The requirement is to have 'inline editing' of some cell in Tabulator based table. The cell requires a custom editor since the input is a custom component (which is already used in another form, outside of Tabulator). Our environment is React +…
Boaz Rymland
  • 1,459
  • 11
  • 29
0
votes
1 answer

How do I align 2 components next to each other in React?

I've been building the UI for a chat room app in React. Everything was going fine until suddenly, it refreshes and the UI "broke". Basically, I have 2 components, a Sidebar component and a Chat component. I use flex to position them. Here is my…
quachhengtony
  • 125
  • 4
  • 17
0
votes
0 answers

React: Communicating state between two sibling components

I am using a third-party react library (blueprintjs) with a Tab component that's used like this: "Notifications"} panel={
The content of the page
} /> Instead of being rendered…
MHebes
  • 2,290
  • 1
  • 16
  • 29
0
votes
1 answer

How to get data from blueprintjs table

I have created a blueprintjs table, and I want to be able to get it's data in JSON format. I do not want to get all the columns. Specific ones only and I only way them row by row. This is the format I am talking about: { "Campaign": "5", …
Arnav Malviya
  • 111
  • 5
0
votes
1 answer

Is there a way to write BlueprintJS MultiSelect overflow custom classname so that the position prop works along nicely?

So I have a MultiSelect component that has over 30 items. I wanted to prevent it overflowing the page, so I followed their Popover sizing instructions, and set the max height to 300px with overflow auto. But now the position prop still thinks the…
Touit
  • 1
1 2 3
…
9 10