Questions tagged [ant-design-pro]
482 questions
4
votes
2 answers
Ant design date and time pickers do not pass value through Formik (react)
I'm currently working on a booking form which is in React using Formik. I've also incorporated Ant Design's Date Picker and Time Picker for the booking date and time respectively, but I'm having difficulties getting the values to be passed back to…
Michael Emerson
- 1,774
- 4
- 31
- 71
3
votes
0 answers
React ant design cannot switch to dark style manually without using Setting Drawer
I am trying to put a Switch component in navigation bar where I can switch website to dark style which is in the settings drawer in ant design pro layout.
…
Zura Jeladze
- 41
- 3
3
votes
0 answers
User preferred language saved but the page content language didn't change only after I reload
I'm using ant design pro.
The idea is In the platform we have 2 languages to choose from Fr(French) and En(English),
I want the user when he logs in and change the language to English for example when he logs out and log in again the language should…
wathek ghenimi
- 31
- 2
3
votes
2 answers
How avoid Warning: [antd: Table] `FilteredKeys` should all be controlled or not controlled
When I use custom filters and native and design filters in the same problem I get next error
Warning: [antd: Table] `FilteredKeys` should all be controlled or not controlled.
I can use just custom filters on just ant design filters when create…
Ksenia
- 950
- 6
- 24
3
votes
2 answers
How to update Select Options value dynamically using ant design frame work
I have a combo box where I have multiple options like Executing, Suspended, Blocked and etc.. user can select any one of them, but by default there is one option called 'Executing' already selected
When server stars, data is coming from the backend…
Sara
- 189
- 1
- 13
3
votes
2 answers
How to modify table row borders (antd)?
I am working on displaying a report using a tree table component from ant design.
I would like to make the bottom border of the collapsed parent or of the last expanded child in order to split the report into it's sections.
Current Situation Vs.…
Mohamad El Baba
- 145
- 2
- 7
3
votes
1 answer
How to hide the X button present at the top from the antd modal
How to hide the X button present at the top from the ant d modal, also how can I disable the behavior of closing the modal using ESC key
return…
Hema S
- 159
- 2
- 3
- 10
3
votes
1 answer
Ant Design- autocomplete need to not show value
I need some help in either clearing the auto complete place holder after the user selects from drop down list or better display part of the label not the value. Currently its showing Value. Because Value is coming out to be a unique Id, we dont want…
Sarah
- 1,199
- 2
- 21
- 42
3
votes
1 answer
AntTable React - can't set row border through rowClassName
I need to render some rows with borders, not all rows. I can set height, background color or some other style properties of rows through rowClassName property, but I can't define anything about borders. Nothing about border works.
export default…
Ali Zeynalov
- 2,867
- 8
- 30
- 54
3
votes
1 answer
Nested Dynamic Forms Antd
So i put together this Dynamic Form Below (Hotel Rooms) and inside it you can also create dynamic forms (Room Beds). It works, i can add rooms & Beds and the object array is returned in the console.log (onSubmit).
codesandbox:…
AHMAD KAD
- 43
- 1
- 1
- 5
3
votes
2 answers
How to change default Loading Spinner for Ant Design Pro
I searched but can't seem to figure out how to change the default loading spinner that is generated with Ant Design Pro V4. I used the generator and ran npm create umi myApp. There is a default four circle spinner that I would like to replace with a…
Scott Yu
- 135
- 3
- 13
3
votes
2 answers
How can I change ant design progress bar color according to value?
I want to give 'yellow' color until 50%, after 50% it will display 'green'.
It is not like strokeColor feature. I want to see yellow or green. Not together.
Is it possible to handle it (preferred without css)?
import { Progress } from…
developerbase
- 31
- 1
- 5
3
votes
2 answers
How to limit the input number to max of two decimals with Ant Design?
E.g. 53.23 or 20.15 but not more than 2 decimals.
Wondering if there is an Ant Design API for that.
Renato G. Nunes
- 278
- 2
- 4
- 14
3
votes
0 answers
How to format number currency suffix in component antd?
As the title, I have tried many times the code without success, hoping for help from the community
this code format currency prefix!
`$ ${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')}
…
PinkP7996
- 43
- 6
3
votes
1 answer
Cannot get the styles of @ant-design/pro-layout to work with `create-react-app`
I am trying to use @ant-design/pro-layout in a create-react-app typescript project.
I cannot get the styles of @ant-design/pro-layout to work. The components load well, but the LESS does not.
Is there anything to do in particular other than…
Greg Forel
- 2,199
- 6
- 25
- 46