antd Questions
3
Solved
I have the below component as the main layout. When I click on the menu item, I want them to navigate to the home, holiday calendar, and event pages. What can I do with this horizontal menu? The be...
Munoz asked 6/11, 2022 at 18:34
3
Solved
I have a simple login form, but validation rule with type: 'number' for input item tn doesn't work. Even if I enter a number, I get 'tn' is not a valid number' in console.
import React from 'react...
Ocotillo asked 14/12, 2020 at 16:45
5
I want to trigger the submit button outside the antd form
Here is my code
<Form
{...layout}
name="basic"
initialValues={{
remember: true,
}}
onFinish={onFinish}
onFinishFailed={...
2
Solved
I am trying to set Antd Modal height to 1000px by default but its not getting applied. Please suggest where I might be doing wrong. Below is my code for the Modal.
<Modal style={{ height: "...
6
Solved
I implemented antd tooltip but need to change the background color and text color of it but I am unable to achieve that. I tried to do using "overlayStyle" provided by antd tooltip compon...
6
I have the following problem:
I am using ant.design in version 5.2.0. When I use the component as follows, I always get the attached error message when I pass a date to for the Form.Item in dayjs f...
12
Solved
Suppose I want to change the standard white background color of the Select component to green.
My try...
<Select
style={{ backgroundColor: 'green' }}>
// Options...
</Select>
...d...
2
Solved
We are using the latest stable version 2 of Antd (and cannot make the jump to version 3 due to version dependency constraints). How do we specify the width of my table columns, ideally to the lengt...
3
I am not able to figure out how to add custom validation in antd form in react. Validator function will work or not. Please suggest a suitable approach.
<Form.Item
label="Name"
name=...
4
Solved
I have recently upgraded my React project to ant design v4 and all the tests that use a Select, AutoComplete or Tooltip are broken. Basically when clicking the components, the modal or select optio...
Hookworm asked 7/4, 2020 at 12:32
3
Solved
I am using ant design framework for ReactJS, where I am trying to find a solution to open DatePicker on button click, however this seems not possible with the framework component, I have tried to u...
Drambuie asked 3/10, 2018 at 18:55
5
Solved
I am using antd for my app. I need to change the color of a default Primary Button from Blue to Grey. It seems like antd doesn't provide such an option. How can I change the button color easily?
7
How to fix it
Warning: Cannot use setFieldsValue until you use getFieldDecorator or getFieldProps to register it.
Exposed asked 18/1, 2018 at 20:15
6
I'm using antd calendar RangePicker for my react app.i want to show only one month of calendar dropdown upon selection, instead of two months default.
<div className="DatePickerBar">
<R...
Bilbo asked 13/4, 2020 at 9:48
3
Solved
I have a form in which there is a multi select dropdown antd component .
On change of the select all option , I need to select all the options available with max of 5 tags .
Please find the link...
Gastroenterostomy asked 28/8, 2019 at 4:13
2
Solved
I tried to use \n in my notification's decription but it did not work. what should I use instead.
notification.warning({
message: 'Notification Title',
description:
'This is the content of the n...
Dorseydorsiferous asked 6/1, 2022 at 9:19
5
Solved
https://codesandbox.io/s/7mo0rvl971
Check this example. You guys can notice that we can click on the name because they use the tag
How can I click the name and get the content. For example, I cli...
3
Solved
I have this simple file upload button that I got from antd ant design documentation:
<Upload>
<Button
icon={<UploadOutlined />}
className="upload-btn"
>
Upload a fi...
Wessling asked 21/12, 2021 at 9:26
3
Solved
In Antd is there a way to show the text in table cell into several lines.
I try to put </br>, \n, \r into the text.
Is there someone who has already find a way to do that?
4
Solved
We have requirement where we need to show 'Hide/Show' columns feature on the header of table and also we want to provide different color to the header of table in ant design. Can anyone help me how...
6
A form field has many asynchronous check rules, since a composited api can check these rules one time by return different result, i do not want to fire so many api request.
Kiser asked 12/11, 2017 at 7:11
14
Solved
import { Checkbox } from 'antd'
<Checkbox style={{ color: 'red', backgroundColor: 'black' }}>Dr John</Checkbox>
How do I change the color of the check box, not the label 'Dr John'? T...
13
Solved
I wrote a Signup component, which is basically as follows:
const Login = (
<Modal>
<NormalLoginForm/
...
</NormalLoginForm >
</Modal>
)
The NormalLoginForm component i...
4
Solved
I'm using Ant Design Table to show dynamic data from an internal API here in the company.
This means that I don't know what kind of data I will receive to fill each cell. It can be a large text, a...
7
In my React TypeScript project, I've upgraded antd components from version 5.1 to 5.5 and now seeing a compile-time error:
Property 'rev' is missing in type '{}' but required in type 'Pick<Antd...
Distress asked 17/6, 2023 at 14:19
1 Next >
© 2022 - 2024 — McMap. All rights reserved.