Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Oct 18 09:09
    cwjTerrace opened #501
  • Oct 13 09:11
    chenyulun commented #500
  • Oct 13 09:05
    chenyulun commented #500
  • Oct 13 09:04
    chenyulun closed #500
  • Oct 13 09:01
    chenyulun commented #500
  • Oct 13 08:49
    chenyulun edited #500
  • Oct 13 08:48
    chenyulun opened #500
  • Oct 08 03:16
    qiudaoermu edited #499
  • Oct 08 03:15
    qiudaoermu reopened #499
  • Oct 08 03:15
    qiudaoermu edited #499
  • Oct 08 02:52
    qiudaoermu closed #499
  • Oct 07 12:35
    qiudaoermu edited #499
  • Oct 07 12:32
    qiudaoermu edited #499
  • Oct 07 11:53
    qiudaoermu opened #499
  • Oct 05 06:57
    zquancai commented #587
  • Oct 05 06:56
    zquancai commented #587
  • Oct 04 07:28
    sudarshan070 commented #354
  • Sep 29 03:06
    allan2coder opened #594
  • Sep 24 11:52
    GouJieShinee commented #432
  • Sep 24 10:13

    zombieJ on master

    feat: Add holder icon (compare)

sri-go
@sri-go
can anyone offer guidance on overriding default component styles?
NestlyS
@NestlyS
Hi guys. My question is, why does antd override body styles? Especially for font-family. Because it broke the fonts of our site (fonts were defined in the body) and the only solution I found was add !important to font-family. Maybe there is a better solution?
image.png
Dan
@danvln
Hi all, I have a question. I would like to have a label that's editable >> example: when I click on it to convert from label to input, and when I click outside of input to convert to label. Is anything like this supported in antd or react-component?
Anyone?
Christoffer Palm
@NormySan
Has anyone been able to use date-fns with the date picker component? My project crashes every time I try to open the picker with an error saying that the localize function does not exist on date-fns. This happens even if I use exactly the same version as the rc-picker library uses.
Christoffer Palm
@NormySan
Yeah, I'm already using date-fns in the project so that would be the preferable option and I also want the pickers to return actual date objects and not daysj or moment objects.
hazemmadkour
@hazemmadkour
How to support right to left (rtl) with antd
James Nguyen
@JamesNguyen9x
Hi everyone, currently I'm using ant 3.x. but the Timeline Component doesn't support label. It just works on ant 4.x. How can I update it for ant 3.x ?
BillyRusso
@RussoBilly85_twitter

Hey guys, needed some help. I have this piece of code...

<Select id="trains" name="trains" mode="multiple" allowClear placeholder="Select Course Trainers" defaultValue={initialValues.assignedTrainers.map(trainer => (
<Select.Option key={trainer._id} value={trainer._id}>
{trainer.username}
</Select.Option>
))}
>
{initialValues.trainers.map(trainer => (
<Select.Option key={trainer._id} value={trainer._id}>
{trainer.username}
</Select.Option>
))}
</Select>

The default values in the select shows no label. But the dropdown (options) of the Select component show labels properly
How can I make the default values appear correctly?
image.png
Please look at the above screenshot. See the default values don't show up with labels.
Yogesh R. Bhatt
@yogeshbhatt_gitlab

Hi

I want to change date format in pro table listing.

Can you help me on this?

Form changes don’t persist on tab switching

Any idea?

raj-websultanate
@raj-websultanate
Hi,
I am using ant design Upload component and it let me upload photos of larger size (20 mb) in development environment but the same code is not working on staging environment. It let me upload file upto 1 mb only. Any solution to this? i am stuck at this from morning and can't find anything in the docs.
Spencer Arnold
@spencer741
@wowtech_gitlab I haven’t viewed the link you posted, but what you describe is natural behavior. If you want form information to persist, you need to store the state and reload it when the form is rendered again. This is common with other technologies as well. The default is that the tab component shouldn’t keep track of form state within each tab, because not everybody wants to render a form within a tab. To develop this feature, the antd team could develop this functionality, but it wouldn’t be practical to develop functionality for this one case, because there are so many cases of what could be rendered/what everyone else wants.
Jiri Bleha
@Blehajiri_twitter
Hello, does anybody know if the AntD team has a plan about English Sketch UI kit?
valdezjoelt
@valdezjoelt
hi does anybody know how can I display a checkbox column in a table ? the column is a boolean type
Super Creator
@CustomPro
Hello.
Can I search title in TreeSelect? The search works for value as default.
dilharianu
@dilharianu
Hi,
I am having a trouble Norwegian translations to my app. Can anybody help me in how can I add my custom translations to the locale in config provider? Is there a way to use react-intl along with antd config provider?
Ghost
@ghost~58bcf340d73408ce4f4ea21c

I have scene like this

<Form ref={this.formRef} onFinish={this.handleSubmit.bind(this)} style={{ width: '100%' }} layout='vertical'>
    <Form.Item
        label={label}
        // className={rules.find(r => r.required || r.validator) ? 'required' : ''}
        name={validatorId}// unique id 
        rules={[
            {
                required: true,
                validator: (rule, value, callback) => {
                    try {
                        if (value) { callback('some error'); }
                        else {
                            callback('other error');

                        }
                    }
                    catch (err) {
                        // Error does not show in console if occurred hence need to catch here
                        console.log('Error in validator: ', err);
                        // callback(err)
                    }
                }
            }
        ]}
        initialValue={value}
    >
        {component} // any input component
    </Form.Item>
    .
    .
    .
    .
    .
    {100+ Form.Item fields}
</Form>

so now when I type in input field text started showing after a visible lag

Can anyone help here?

Ghost
@ghost~58bcf340d73408ce4f4ea21c
Can we debounce the onFieldsChange and onValuesChange functions of form?
Pedro Siqueira
@pedrovsiqueira
Does anybody know how i can change the radio input border color on focus? Can't seem to find it anywhere. The radio inputs I want to customize are here https://codesandbox.io/s/zen-ride-cxvne?file=/index.js
marcin mikołajczak🏳️‍🌈
@mkljczk_twitter
Hi, I’m working on a project using Antd and this framework solves most of the problems I had with other similar frameworks. I will probably switch to Antd for another project that currently uses material-ui, but there’s one problem, I don’t know if it’s possible to create complex forms using antd <Form /> component, like form with a field which is an array of objects containing another array etc. Would that be possible with antd form component? When I tried, I had a problem with validation that was getting triggered endlessly
Or should I use something different for forms?
marcin mikołajczak🏳️‍🌈
@mkljczk_twitter
In my current project it led me to one of my most hacky solutions, but it was just for a simple array of objects
xelaos
@xelaos
select.gif
Does anyone know why this is happening? The state gets updated correctly but the items in the input field stay there when they get deselected.
Edgar J Rojas L
@edgarjoserojaslopez
Hi people!! I'm new on antd. I'm trying to make a navbar with react-router-dom. Any tutorial over there???
erhange
@erhange
Hello, does anyone have any idea why the CSS is not being loaded when antd is used with Frontity framework?
german-st
@german-st

Hi guys.

Is it possible to somehow do something so that when you select in the list using the "tab" key on keyboard, you first select a value(by tab button) and immediately switch to another field. Now the select component work only to the enter key.
i am need to make him choose the value and also according to the tab.
thanks in advance

Devora Solomon
@Devorasolomon
Hey !
i have a html frontend i want to design it with ant but not to install 'create-react-app'
just use and
one file on html that i need to design with ant
Devora Solomon
@Devorasolomon
can any one please help ?
bengraygh
@bengraygh
get react working in a single html file first, then add ant design
@pheaktra
@pheaktrakim
Anyone here used Antd Chart before?
Gonzalo González Mora
@GonzaloGM
Hey how's it going? I'm having an issue with the Carousel. If I render components inside the carousel, and one of them is empty (return null for example), the dot for that item renders anyway? Is this intended? or a limitation? or a bug? I made a Codepen to show it: https://codepen.io/GonzaloGM/pen/JjKbaMz?editors=0010
Tural Hajiyev
@thajiyev9
Hi, is there any why to handle select input event before value change ?
Ali
@prince1456
Hi guys I want to add divider between each rows in List component not sure List has that api or how to do it please check the codsandbox example.
https://codesandbox.io/s/s233d
Shakxzod Namazbaev
@shakxzod.namazbaev.9700_gitlab
update.png
Hi, I am using version 4 of Ant Design. My problem is that I can't place the data inside the Form in the Input. Information is visible outside the form, but no information is visible inside the form. I use initialValue for this
Carl Sachs
@carlsachs
Hello I am trying to add a couple carousels into my current web application. I imported everything just fine, yet when I set <Carousel autoplay> to <Carousel vertical autoplay>, it still slides on an x axis. Any help is appreciated
Tesla-hash
@Tesla-hash
Hello Can you please help me
like this
Снимок экрана 2020-10-24 в 7.54.11.png