Questions tagged [patternfly]

PatternFly is a community of designers and developers collaborating to build a UI framework for enterprise web applications. It extends the bootstrap framework.

22 questions
0
votes
1 answer

Functions are not valid as a React child. - Functional Components in React

I am currently trying to integrate Patternfly React in my project. This is the link im using for reference which is working fine. But need to have separate component for header , footer , topnav and sidenav. So while partitioning the code in to…
Tom
  • 15
  • 9
0
votes
0 answers

Click handler not fired outside foreignObject in firefox

I am using DropDownButton and MenuItem elements of patternfly-react v3. DropdownButton translates to and menuItem translated to . This is to create a dropdown, which opens on button click. I also have onClick handler on I have embedded these…
Rashmi Rai
  • 19
  • 1
  • 5
0
votes
1 answer

d3.select works on body, but not on id. What am I missing?

I'm trying to make a simple line chart with d3.js, React and PatternFly 4. I have made other graphs who works as intented with the select id, but this one refuses to work and I can't put my finger on the issue. Note that the id is already created…
0
votes
1 answer

react-bootstrap bsClass getting set incorrectly when built in production mode

I'm running into a problem where dropdown menus are displaying incorrectly after building react-bootstrap in production mode: Upon closer inspection it looks like the HTML is being loaded with the wrong class:
0
votes
1 answer

Cannot resolve module jquery.matchHeight-min when installing patternfly in local?

Tried to install patternfly demo app from github . These are the steps that i had followed for this : npm install webpack npm i npm start After running npm start i got response like this C:\Program Files\nodejs\Patternfly\patternfly>npm start >…
Private
  • 1,661
  • 1
  • 20
  • 51
0
votes
2 answers

Reposonsive table with headers and Y scroll

I'm stuck on a table design. My headers aren't lining up with my body tds, and my scroll is throwing off alignment. I imagine I could just use a table-header-group However, that loses my scroll. If I put it an a div, then I lose my header to…
user1093111
  • 1,091
  • 5
  • 21
  • 47
0
votes
1 answer

Angular4: Patternfly Secondary nav not working after bootstrapping the app inside keycloak.init()

This the first time I am configuring my Angular4 application with keycloak authentication. Here I am using patternfly for nav menu. Initially my menu was For this I had bootstrapped my app like : main.ts import { enableProdMode } from…
1
2