Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Sep 17 21:13
    joeyfigaro edited #495
  • Sep 13 08:19
    JounQin commented #498
  • Sep 02 02:21
    kayoch1n commented #593
  • Sep 02 02:20
    kayoch1n edited #593
  • Aug 30 16:45
    joeyfigaro edited #496
  • Aug 30 16:43
    joeyfigaro edited #495
  • Aug 30 15:10
    kayoch1n opened #593
  • Aug 30 12:06
    JounQin synchronize #498
  • Aug 30 11:30
    JounQin opened #498
  • Aug 30 11:27
    JounQin commented #497
  • Aug 30 11:15
    JounQin commented #497
  • Aug 30 11:09
    JounQin opened #497
  • Aug 28 16:59
    joeyfigaro opened #496
  • Aug 28 16:39
    joeyfigaro opened #495
  • Aug 27 12:51

    zombieJ on master

    chore: bump 4.6.4 (compare)

  • Aug 27 11:41

    zombieJ on master

    chore: bump 4.6.3 (compare)

  • Aug 27 10:55

    zombieJ on master

    fix: use prefixCls in Icon.tsx … (compare)

  • Aug 27 10:55
    zombieJ closed #494
  • Aug 27 10:34
    jaredleechn opened #494
  • Aug 26 23:15
    badams commented #377
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
Everything is work in example
but when i wanna make one input depend on value of another input it doesn't work
<Form.List name="conditions">
{(fields, { add, remove }) => {
return (
<div>
{fields.map(field => (
<Space key={field.key} style={{ display: 'flex', marginBottom: 8 }} align="start">
<Form.Item {...field} name={[field.name, 'entityType']} fieldKey={[field.fieldKey, 'entityType']} rules={[{ required: true, message: 'Вы не указали параметр' }]} >
<Select
style={{ width: 130 }}
options={type}
      />
      </Form.Item>
      <Form.Item
      noStyle
      shouldUpdate={(prevValues, curValues) =>
        prevValues.entityType !== curValues.entityType || prevValues.para !== curValues.para
      }
      >
      {() => (
        <Form.Item
        {...field}
        name={[field.name, 'param']}
        fieldKey={[field.fieldKey, 'param']}
        rules={[{ required: true, message: 'Вы не указали параметр' }]}
        >
        <Select
       disabled={!form.getFieldValue('entityType')}
        >
        {(para[form.getFieldValue('entityType')] || []).map((elem, index) => (
          <Option value={elem.value}>{elem.label}</Option>
        ))}
        </Select>
        </Form.Item>
      )}
      </Form.Item>
      <Form.Item
      {...field}
      name={[field.name, 'value']}
      fieldKey={[field.fieldKey, 'value']}
      rules={[{ required: true, message: 'Вы не указали значение' }]}
      >
      <Input placeholder="Значение"
      />
      </Form.Item>
      <Form.Item
      {...field}
      name={[field.name, 'operand']}
      fieldKey={[field.fieldKey, 'operand']}
      rules={[{ required: true, message: 'Вы не указали оператор' }]}
      >
      <Select
      style={{ width: 130 }}
      options={operand}
      />
      </Form.Item>

      <MinusCircleOutlined
      onClick={() => {
        remove(field.name);
      }}
      />
      </Space>
    ))}

    <Form.Item>
    <Button
    type="dashed"
    onClick={() => {
      add();
    }}
    block
    >
    <PlusOutlined /> Добавить критерий
    </Button>
    </Form.Item>
Can somebody help?
Снимок экрана 2020-10-24 в 7.55.56.png
Tesla-hash
@Tesla-hash
good chat...
DAVY DJESSA
@barklaysdon
hello ! please , does somebody can help ? how to set a value(exemple :color) of a specific row in ant table by clicking on that row action's button ? when i am trying to do it , all my table color change
Tesla-hash
@Tesla-hash
hello..
Ihsan Maulana Hamdani
@ihsanmaulanahamdani
use rowClassName and you have to save current row id
Tesla-hash
@Tesla-hash
what you mean?
Knut Olav Bøhmer
@knobo
Wouldn't a sane default css value for Typography.Text with ellipsis be {max-width: "100%"}?
Knut Olav Bøhmer
@knobo
I could create an issue on it if anyone agrees
or a pr.
wwwshayronen
@wwwshayronen
Hi everyone. I'm trying to use ant Modal component but I only get the html of the component. I'm sharing with you the result.
image.png
anyone know why its hapenning?
1 reply
Knut Olav Bøhmer
@knobo
@wwwshayronen show me the code.
Brian Hinton
@theborderradius
Anyone have thoughts on two versions of ANT existing within the sameproject?
Jan
@alejandromaju_twitter
Hello! Anyone knows how to edit the submit-reset text of the pro table form or even the normal form? It is not localized properly on my locale and I need to fix that
Tianqi Yu
@TianqiYu3_twitter
Hi all, is it possible to specify each Step's width for the Steps component? I specifically want to use Steps with type="navigation" and I want e.g. step 1 to have 1/3 widths and step 2 has 2/3 widths of the steps bar (https://codesandbox.io/s/confident-glade-3f7xh?file=/index.js). Anyone know how I would be able to achieve this goal? Simply adding a style with width on the Step doesn't work.
1 reply
guidovalli
@guidovalli
Hello, some way to put size = "small" in all components?
Artur Baybulatov
@ArturBaybulatov

What's up! Could somebody explain what's the procedure on reopening issues if a bug still occurs? Don't wanna create duplicates.

ant-design/ant-design#15891

Ivan Emelyanenko
@ivanemelyanenko
image.png