Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • 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)

  • Sep 24 10:08

    zombieJ on master

    chore: clean up useless attr (compare)

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
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.