All Questions
2,663
questions
0
votes
1
answer
24
views
Remove Border Bottom From MUI Selected Tabs - React
I am trying to custom style MUI Tabs in order to get something like
I have create sample code Here is the codesandbox example in which border bottom will be 100% and for selected tab it should ...
0
votes
0
answers
23
views
Why Can't I change my border color in input field of material-ui?
I am trying to change the input border color to white even if its focused, hovered or just by default.
I have create a theme using makeStyles for the text and input fields but it does not seem to work....
0
votes
0
answers
13
views
How to apply style to nested custom Mui-classes in a separate .module.scss file (using react.js)
What is currently possible:
Giving style to whole Mui component
<SimpleTreeView
sx={{
backgroundColor: '#000000'
}}
</SimpleTreeView>
Segregate styling to a separate class in .module....
0
votes
0
answers
44
views
Pseudo-Elements not working properly on Mui table head and Mui table row but working fine in windows browsers
i am giving background color and border color with border radius to mui table head and mui table row.
it looks fine in windows and android all browsers but seems like position not working in mac and ...
0
votes
0
answers
31
views
Material UI: center checkboxes in grid regardless of checkbox label length
I have a form with code:
<Box display="flex" flexDirection="column" alignItems="center" mt={2}>
<Grid container spacing={1}>
{playlists.map((...
0
votes
1
answer
30
views
React MUI 5 unable to overwrite default styles with custom-defined styles
I am trying to overwrite default MUI 5 Button styles with custom styles (using either withStyles or through a className (defined using makeStyles), but the default styles are always on top of the ...
2
votes
1
answer
82
views
Styling popover/tooltip in mui graphs
Has anyone had any luck customizing the styles for the popover/tooltip in mui charts?
This feels like something that should be relatively simple, but I've looked everywhere and while I've found plenty ...
0
votes
1
answer
46
views
how to keep the nested collapsible table row inside main tabe row in mui table react?
I have a Material UI (MUI) table with a border color and background color. Each table row needs to have a collapsible table row. MUI's documentation shows a separate table row and uses React.Fragment, ...
1
vote
1
answer
115
views
How to align label to the right in a vertical MUI Slider in ReactJS?
I am using ReactJS/TS with MUI (Material-UI), and I need to implement a vertical slider where the label turns to the right. By default, in MUI, the label is on the left when using a vertical slider. I'...
-1
votes
0
answers
30
views
Material UI Card - skewed background
I've been trying to make a Material UI Card component that would get, among others, color props and have the background skewed as in the picture.
Now, I know that I can give the main Card component a ...
0
votes
0
answers
16
views
Frame-Motion package breaks a flexed material-react-table
I have a Material-UI 5 Card containing a Material React table (https://v1.material-react-table.com/). I want the table to occupy the entire remaining space within the Card. This is worked with some ...
0
votes
1
answer
47
views
how do i remove the pop-up windows background from MUI? [duplicate]
i want to remove the white pop-up background of mui's default css.
<Dialog
open={open}
onClose={() => {
setOpen(false);
}}
>
<DialogContent&...
0
votes
1
answer
28
views
Increasing the height in pixels does not increase the size of the element
Currently I'm working with material UI where I have a scrolling list of items that I would like to make bigger. However, when I increase the size of the height in pixels I noticed that the height of ...
1
vote
1
answer
70
views
css is working in local, but not applied after running "npm run build" in build in react application
I am trying to override Muidrawer-paper CSS; it is applying in local after running "npm start", but is not applied when running the build package.
.css-12i7wg6-MuiPaper-root-MuiDrawer-paper {...
0
votes
0
answers
22
views
Can you assign a row in a MaterialUI DataGrid componet a custom color based upon properties of the Row Parameters?
return (
<div style={{ height: '75vh', width: '94%', position: 'absolute', top: '9vh', zIndex: 5, marginLeft: '3vw', marginTop: '1.8vh', border: '0.1vh solid black' }}>
<...