Stack Overflow
Stack Overflow

Questions tagged [ant-design-pro]

482 questions
5
votes
2 answers

Importing RangeValue type from Ant Design

Working on an update to Replace Moment.js with date-fns for Ant Design's DatePicker based on the documentation which seems to be working fine. Mainly it's suggesting to create the following: import dateFnsGenerateConfig from…
norbitrial
  • 14,716
  • 7
  • 32
  • 59
5
votes
3 answers

Set the thickness of ant design icons in CSS

Attached Image of icon to set the thickness I have tried to set the thickness of the circle using stroke and stroke-width in css but none of them worked. The icon is imported from the antdesign . Anybody can help with this? Much appreciated.…
Fortdev
  • 175
  • 3
  • 11
5
votes
1 answer

Antd, Form, No label but I want to display required red mark

I'm using Ant design on my reactjs project. Without label, the design is better but required red mark is gone. And I want it back if it's possible. Thank you
Munkhsukh Jigjid
  • 73
  • 1
  • 8
5
votes
2 answers

Antd - How to make rounded borders for Table rows?

I am using antd table for reactjs application. I created Sandbox here for you to make changes. Can anyone help me make rows with rounded borders like below image? Expected : I have tried adding rowClassName={() => "rowClassName1"} with border…
newdeveloper
  • 1,401
  • 3
  • 17
  • 43
5
votes
2 answers

Antd clear form after submit in reactjs

I am using antd template for form design. After submit form input values are not getting cleared. I tried this.props.form.resetFields() its not working getting following error Unhandled Rejection (TypeError): Cannot read property 'resetFields' of…
login404
  • 55
  • 2
  • 7
5
votes
1 answer

How do I import this Ant Design TypeScript interface?

I have this TypeScript error: Type 'xyz' is not assignable to type 'TableComponents'. So I need to cast my type as TableComponents. But this interface is not available when I try to import it using: import { TableComponents } from…
Mr. Robot
  • 1,334
  • 6
  • 27
  • 79
5
votes
1 answer

How to change radio button color in ant design?

I'm using antd radios and checkboxes. I want to give custom colors to them. I found answer about checkbox but found no way to change radio button color. Is there any way to do so?
Ali Ahmad
  • 51
  • 1
  • 1
  • 4
5
votes
0 answers

Validate nested component form item from parent form with Ant Design

Is there a way I can validate a nested component form item from its parent form when submitting? Here is an example, I know I could handle both items in the same form and this is not the best way to pass the data from child to parent component…
Renato G. Nunes
  • 278
  • 2
  • 4
  • 14
5
votes
1 answer

How to dynamically set a required rule to the Form.Item validation

I have a list of parameters that may be checked or not. Its correspondent fields are enabled/disabled in dependence of checkbox state. So I want to enable and validate field if parameter is checked, and disable field and turn off validation rule…
poltorin
  • 284
  • 1
  • 4
  • 13
5
votes
2 answers

How to use ant-design-pro components in ant-design react app?

I have created react app with create-react-app and used ant-design components, as the project becomes bigger, I need to use some awesome components from ant-design-pro. Is there any way to integrate ant-design-pro components in existing ant-design…
Drisha
  • 113
  • 2
  • 5
5
votes
2 answers

ReactJS Ant Design - Disable dates less than any default date in DatePicker

Working on antd framework, I am trying to disable the DatePicker date which are less than given defaultDate, I am not able to get it right by any means. The situation is say defaultDate of the Date Picker is 2028-12-20 all dates should be disabled…
iphonic
  • 12,615
  • 7
  • 60
  • 107
4
votes
0 answers

How get Form values where the form elements are stored in a variable or in props?

I created a variable called body from a template object to have Inputs embedded in Form.item. When I try to get the value of all the inputs I find it an empty object. When using Form.item with simple Inputs we can have the object value of template…
kais
  • 53
  • 3
4
votes
2 answers

How to hide input field of Date Picker in antd?

I am having a problem in the hiding the input field of DatePicker.I am using this DatePicker from antd. I want to show only the icon and not the input box. When someone clicks on the icon, it should open the calendar. I tried to set width = 0. but…
Roshan Kumar
  • 453
  • 4
  • 15
4
votes
2 answers

How to stop React Ant Design Upload component from posting files automatically

I have this simple file upload button that I got from antd ant design documentation: Every time I upload a file I get this…
Ala Ben Aicha
  • 1,155
  • 2
  • 14
  • 30
4
votes
1 answer

How to select ant desing select option with playwright or cypress

How do I select option in ant design Select component with any e2e automation framework? (I will be able to rewrite your solution to playwright which I am personally using) I know the question might seem simple so you might be tempted to suggest…
Hnus
  • 912
  • 2
  • 9
  • 24
1 2
3
…
32 33