Stack Overflow
Stack Overflow

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
4
votes
2 answers

How to insert Bold tags into a template literal string in react and typescrip

I have a form that appears when a button is pressed, the heading of the form will be different for each item in a list, I can remove these items. I would like the name of the item in the form heading to be bold but I am struggling to implement this…
Aindriu
  • 65
  • 2
  • 9
3
votes
1 answer

next.js + Webpack + CSS => SyntaxError: Unexpected token . (dot) = How to fix?

I am new to webpack and next.js. I get the following error, that seems webpack does not understand/parse/load CSS files correctly.…
Markus
  • 4,062
  • 4
  • 39
  • 42
1
vote
2 answers

How to avoid act() with sub component changes?

I'm using the Select component from patternfly and attempting to do a test that involves making changes to the selection. I feel like I'm in a catch 22 as I can make the tests pass without the use act() messages if I do this: await waitFor(() =>…
Smern
  • 18,746
  • 21
  • 72
  • 90
1
vote
0 answers

Override element type in React

I have two nested Patternfly 4 components, specifically DualListSelector that uses TreeView as its items. My problem is that both these contain
Radim Vansa
  • 5,686
  • 2
  • 25
  • 40
1
vote
0 answers

Tooltips in React to show in single box on hover

I'm having a Chart Bullet component which has tooltips on hover. The problem is i had to point to the exact line to see the tooltip. Hence i want both the tooltips to show in a single box when hovered. When i disable the prop "allowtooltip" which…
Arun Kumar
  • 15
  • 3
1
vote
2 answers

Issues while using donut chart

I am new to web development and am trying to use patternFly Donut chart for my project. But when I try to check it by running as simple HTML it throws below error. Could someone help me with this? Error image
Pravin
  • 117
  • 3
  • 10
0
votes
2 answers

How can I get a background image to show using Patternfly?

I was following this guide https://www.patternfly.org/v4/components/card/react-demos using their "Horizontal split" guide to try to get the desired effect but I am unable to get the background image to display properly even though the path to the…
Tyro
  • 35
  • 7
0
votes
3 answers

How to use language selector of LoginPage component of Patternfly

How can I use the language selector (number 2 at image) of Patternfly LoginPage component? At docs, the language selector dropdown appears in all the examples. However I can't figure out how to use it. I guess there should exist a property on…
Rashomon
  • 5,962
  • 4
  • 29
  • 67
0
votes
1 answer

Problem with using Bootstrap datetimepicker in clojurescript

I am trying to use Bootstrap datetimepicker in my clojurescript project as below : (.datetimepicker (js/$ "#dateid") but am ending up with Uncaught TypeError for datetimepicker function. Error: Uncaught TypeError: $(...).Bk is not a function On…
HPK
  • 11
  • 1
0
votes
1 answer

ReactJS Patternfly reduce duplicated code for dropdowns

Hi I'm having 2 Dropdowns but for that I'm managing 2 states with it. Please help me to reduce the duplicated code. Suppose, if i want to have 10 dropdowns then my number of states and same methods gets repeated the same. If there a way to refractor…
Arun Kumar
  • 15
  • 3
0
votes
1 answer

Multiple dropdowns not showing options

I'm a beginner in React. I'm using Patternfly Dropdown. The issue I'm facing is when I try to use more than two of the same dropdowns. Then, when I click on them, the options inside are not opening. I would like to know how I can have multiple…
Arun Kumar
  • 15
  • 3
0
votes
1 answer

Change color of title in patternfly donut chart

I want to change the color of title in patternfly donut chart. It currently looks like this How do I add the style property to ChartDonutUtilization component? I tried to add the style property to the component this way
Shamim Fahad
  • 132
  • 2
  • 12
0
votes
1 answer

Key Value pair component not deleted properly in React

In React with patternfly I'm trying to create a component for entering http header and values in a key value format. But when I delete second row, log says it's deleted and rendered properly. but visually last row only deleted. Link for codesandbox…
Nantha Kumar
  • 29
  • 7
0
votes
1 answer

React does not load local svg

I need to load a local SVG calling as a string './MySvg.svg', but it just works if i call it as a component, like . I followed this tutorial https://blog.logrocket.com/how-to-use-svgs-in-react/, installed file-loader but the problem…
Yan Victor
  • 3
  • 2
0
votes
2 answers

How to add favicon in patternfly-react

I'm trying to use patternfly-react for UI. I'm not sure how to add my favicon, normally in react we use But in patternfly-react we don't have any public folder and…
Qasim Rizvi
  • 99
  • 1
  • 9
1
2