Questions tagged [ant-design-pro]
482 questions
26
votes
6 answers
Clear form input field values after submitting in react js with ant-design
I was created a registration page using react. There I have used this following registration form. https://ant.design/components/form. All the validation were handled properly and after successful attempt user can register to the system. Only…
user9348468
22
votes
7 answers
How can I set the size of icons in Ant Design?
So when I'm using an Icon in Ant Design it is always 14 * 14 px.
Is there a way to set the size maually?
Things like
Gianluca Filitz
- 371
- 1
- 2
- 10
15
votes
1 answer
Using customRequest in Ant design file upload
I am using Axios to handle the file upload. I am facing a problem showing the upload progress of the file upload. The file upload view I am using is "picture-card".
HTML
Gaurav_soni
- 6,064
- 8
- 32
- 49
13
votes
3 answers
How to solve "ant design base css" and "tailwindcss base css" alignments problem? How to avoid antd modifying global styles?
I prefer create project style and components style with tailwind css framework. I want to use a few ant design component. Tailwindcss and ant.design have problems together. Ant design alignment loses when we import @import 'tailwindcss/base' to the…
Masih Jahangiri
- 9,489
- 3
- 45
- 51
12
votes
1 answer
form.validateFields() fails inside onValuesChange in ant design forms
I'm trying to programmatically submit and ant design (v4.3.4) form with validation but form.validateFields() always fails with outOfDate: true if it is inside onValuesChange(). (This form is a part of a larger form factory so I will eventually have…
Rachit Kyte.One
- 1,767
- 21
- 28
12
votes
2 answers
Async form field validation in ant design
How to validate form fields asynchronously in ant design?
{getFieldDecorator('zipcode', {
initialValue: `${customer && customer.zipcode ? customer.zipcode : ''}`,
rules: [
// { required: true, message: 'Please…
Srikanth Gowda
- 6,163
- 7
- 19
- 34
10
votes
2 answers
How to preview a video in ReactJS
I am working on project in ReactJS, Currently I am using ant-design for file uploading. I want to preview video when user select a video . I am new to reactjs and unable to complete my task. Could someone please help me how it would be possible to…
Jon
- 461
- 2
- 7
- 17
9
votes
2 answers
Overriding styles antd component on V5
I want to customize the styles of some antd components written in cssinjs.
I created a HOC component to access the theme and override some styles and call it after defining the providers
import { useToken, useStyleRegister } from…
user2645494
- 111
- 4
9
votes
1 answer
How to disable a field in Ant Design React Form?
I am using React with Ant Design and I want to disable one Form.Item username field. Please see my sample code below,
{getFieldDecorator('username', {
initialValue:…
Jerry
- 153
- 1
- 1
- 12
8
votes
2 answers
Conditional rendering of a Form.Item on Ant design
I'm trying to make a form using Ant design v4.0. The display of an Form.Item (Input text) depends of the value of other Form.Item (Radio button group). I'm using form.getFieldValue('fieldname') and it works initially but, when I changed the value of…
Golinmarq
- 796
- 3
- 11
- 28
8
votes
4 answers
How to change Steps Color in ( Ant-design )
I am new to Ant-design. Currently I am working on ReactJs project and I've used Steps in my project. I want to change the color of Steps but did not get idea how will it be possible . I will share ant-design (Steps) code. Please help me out
Thanks…
John Dae
- 81
- 1
- 1
- 2
7
votes
1 answer
Can't render some NG-ZORRO icon
As described in the title, some of the icons from NG-ZORRO can't be rendered.
Expected 5 icons to be rendered, however only 2 were rendered.
View attached for the output
main.component.html
XQ_CHIA
- 158
- 2
- 7
7
votes
1 answer
CSS Modules + Ant design in ReactJs does not work
I am trying to use CSS Modules for CSS styling of my ReactJs project, for this I applied ant design documentation (see here: https://pro.ant.design/docs/style), however unfortunately it doesn't work.
The problem is that I want to override the…
saghar
- 143
- 1
- 9
7
votes
1 answer
how to change icon in ant design collapse (Accordian)
I'm using ant design accordian for colapse and expand panel , In that instead of up and down arrow I want + and - icon to be display. How can I achieve that
I'm using this one
https://ant.design/components/collapse/
Please help me on this
Thanks
sss
- 251
- 5
- 18
7
votes
2 answers
react-pdf generation is very slow in combination with umijs
I included react-pdf in a fresh umi project:
PDF-Generation 150 Text-components took arround 311.44 ms without umi
Using umi: 7179.40 ms
Every single element takes about 10X more in umi projects!
Code example I tried
import React from…
mleister
- 1,697
- 2
- 20
- 46