by

Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • 17:35
    codecov[bot] commented #26099
  • 17:35
    codecov[bot] commented #26099
  • 16:53
    bibiehy opened #26100
  • 16:53
    bibiehy opened #26100
  • 16:18
    OhadBaehr edited #26087
  • 16:18
    OhadBaehr edited #26087
  • 16:00
    codecov[bot] commented #26098
  • 16:00
    codecov[bot] commented #26098
  • 15:37
    github-actions[bot] commented #26099
  • 15:37
    github-actions[bot] commented #26099
  • 15:33
    codecov[bot] commented #26099
  • 15:33
    codecov[bot] commented #26099
  • 15:33
    codecov[bot] commented #26099
  • 15:33
    codecov[bot] commented #26099
  • 15:32
    codecov[bot] commented #26099
  • 15:32
    codecov[bot] commented #26099
  • 15:31
    codecov[bot] commented #26099
  • 15:31
    codecov[bot] commented #26099
  • 15:31
    codecov[bot] commented #26099
  • 15:31
    codecov[bot] commented #26099
Artjom Prozorov
@ArtjomProzorov
Hey lovely people, i am having issues modifying select options hover , could somebody assist ?
Hamid Mohamadi
@hamid842
Hello everybody,
I'm using antd DatePicker . But for some reasons input icon is not in center .
can you help me please?
Adeena Lathiya
@AdeenaLathiya
I am creating a horizontal Menu Bar from antd. But, like the code on the site, the menu bar is responsive. But when I copied the exact code, my menu bar is not responsive.
Kindly help plz
Sandeep Kumar
@sandeepkumrr_twitter
image.png
Hi All, Is there a way to change the default popover text in a table component
image.png
mit123suki
@mit123suki
@AdeenaLathiya show what you have done in codesandbox
@sandeepkumrr_twitter @HalcyonDaysssss @ArtjomProzorov @Dannymx show what you have done in codesandbox so people can help
Bilal Imrani
@bilalimrani
I'm facing table body height issue
i want fix height. can anyone help me?
Michael Holthausen
@mholthausen
Does antd (version 3.26.14) offer the possibility to deactivate the popup of the submenus in the Menu component when the menu is collapsed? The contents should only be visible when the menu is unfolded.
偏右
@afc163
@bilalimrani Try scroll={{ y: 'calc(100vh - 100px)' }}
Bhakti Budiman Novanda
@bhaktitud
hi
how do you create an input hours? something like datepicker but for hours
can we actually custom the datepicker component to be hour picker?
Bhakti Budiman Novanda
@bhaktitud
nevermind, we have timepicker hahahahahaha
treetrunkz
@treetrunkz
hiiii
Artur Marchi
@marchiartur
image.png
I have this problem with select addBefore
comisojared
@comisojared
Hello! Why is the disabling of button example in the antd form website not working?
            disabled={
              !form.isFieldsTouched(true) ||
              form.getFieldsError().filter(({ errors }) => errors.length).length
            }
FrankMojito
@FrankMojito
Cannot read property 'offsetWidth' of null , why?
Daniel Esteves
@danestves
image.png
Hi guys i'm using InputNumber to format and parse the numbers that i write
but right now i have a problem with the formatter and the parser, i want when the user enter the number show them formated but in back the value is in normal integer, like if the input says 1.56 in the back shows 156
did you know a better option to do it
I'm watching how can a do that with https://www.npmjs.com/package/react-number-format but i don't know, any help is appreciated!
Ryan Tan
@ryantan
Implementing nested tables, and whenever I expand a row, all the rows become expanded, any idea?
Ryan Tan
@ryantan
Solved it, need the key prop in data source
Chung Nguyen
@ducchungtx
hi everyone. I have a request to custom the Upload list file to a horizontal list. But I don't find any key to do that. Anyone can share any ideal to do it? Thanks.
Orson Rayson
@OrsonRayson_twitter
Is there an updated English version of the sketch files for Ant Design 4?
Orson Rayson
@OrsonRayson_twitter
Is there a recommended way to have the menu items on the sidebar menu align in collapsed and expanded mode but still be centered? Right now there is a noticeable shift when you go to collapsed mode with icons only (looks to be a 24px adjustment).
Menelaos Perdikeas
@mperdikeas
On a Form I have a Form.Item with a Select field where the user will have the option of choosing among literally hundreds of Select.Option values (think a list of stocks). Using the vertical scrollbar to select the stock in question is very impractical. Is there a Select control that allows the user to type a few characters in the field input and then only display in the drop down list the values that match those characters? Failing that what is the recommended way to implement this?
edgar-koster
@edgar-koster
I updated my stackoverflow post here. I have an issue running a jest test that the validation message of an form.item is not appearing. Does someone know why this is the case? https://stackoverflow.com/questions/63131973/form-item-doesnt-seem-to-get-the-validated-class-when-entering-a-value-in-a-jes
Menelaos Perdikeas
@mperdikeas
OK regarding the Select field I discovered the showSearch attribute so I guess that's the way to go
Cyril Heilmann
@cyril6789_gitlab
Hello all !
I'm using the Transfer componant from Antd, but I've a problem with the search box. It's case sensitive. I would like to disable this option to put it in case insensitive mode. Is that possilbe ?
trepidacious
@trepidacious
Is it just me, or is the subtitle text not aligned properly in PageHeader?
Axel Huizinga
@axelhuizinga
fixed-header.png
hi - with a fixed header table the scrollbar background is as if extended into the header where I would like to see the header grab this space - from the Dom I wasn't able to figure out where the background color has been set here alt
qilx
@qilx
Hi, please could anyone help me how to create Form Input component with suffix Icon which could read input filed value in onClick event?
Monarch Maisuriya
@ingeniousambivert
Hello, How do I pass data from forms in steps to redux store ?
coselm
@coselm

./node_modules/antd/lib/drawer/style/index.less
Module build failed:

  /* stylelint-disable-next-line function-calc-no-invalid */
  padding-right: calc(@drawer-header-close-padding - var(--scroll-bar));
^

Cannot read property 'numerator' of undefined
in E:\WEB\aqsc-app\node_modules\antd\lib\drawer\style\drawer.less (line 181, column 6) is there anyone can solve this problem?

Kay Wolf
@WolfKay
Good afternoon all, I am using the Date-picker, and noticed the simplest one has a fixed width due to having a span inside, I wanted for it to be flexible so I changed the input to a 'display: block;'. And of course that works like a charm, was just wondering if there was a different way of doing this instead of directly doing a class override. PS: passing the 'small' 'big' etc prop doesn't work like I need since it also changes its height and other properties. Thank you very much :).
qilx
@qilx
I used onChange event handler on Input to get its value. It works. But when form`s onFinish handler is called, I receive only initial values for inputs with custom onChange handler. Please does anyone know how to fix it?
7 replies
niv09
@niv09
Hello All, I am new to Antd design and planning to use this framework for my SAAS application. Is it possible to build a PWA mobile react application by using only antd framework. I read antd mobile framework is available but want to see whether I can build the app only using antd framework.
Edward A. Maxedon, Sr.
@edadma
Hello, just start using Ant Design, it's awesome. I'm using dark mode ('antd/dist/antd.dark.css'). What should I use for maskStyle so that opening a modal doesn't cause the rest of the screen to go blank? I know I can use mask={false}, but I would want the rest of the screen to dim a bit.
Ash000es
@Ash000es
Hi All, Anyone used the input number and knows how to show the place holder value, right now the default value of 0 number is what the user gets to see. is there a way to override it with the string in place holder ? Thank you!! <InputNumber size='large' type='number' placeholder='adult' style={style} min={0} max={10} defaultValue={0} onChange={props.onChange} />
pro-nsk
@pro-nsk

Hello. I am use Ant 4.5.1 and React 16.13.1 with functional components. I am trying to use conditions from ant forms for show/hide another ant forms. So, as example:

<FormItem
                                        label="Cost Mode"
                                        name="costMode"
                                    >
                                        <RadioGroup disabled={form.getFieldValue('type') != TypeEnum.SomeType}>
                                            {Object.values(ModeEnum).map(mode => (<Radio key={mode} value={mode}>{mode}</Radio>))}
                                        </RadioGroup>
                                    </FormItem>

If I change "type" value in the appropriate form, then "costMode" radio-buttons not disabled because changing form values not inits re-render of the component.
But if I add additional onChange handler on the "type" field which will change any variable in the state, then "costMode" radio-buttons will successfully disables/enables because state changing inits re-render.

So, how use form.getFieldValue('type') != TypeEnum.SomeType conditions in Ant v.4 without additional state changing? We didn't have such problems In the Ant v3.