I used the following code to place float button group to the top right position. I controlled it with style prop and it worked: <FloatButton.Group trigger="click" type="primary" shape="square" style={{ right: 84, top: 24, }} icon={<GlobalOutlined style={{ color: colors.red }} />}…
mask input does not work with input from antd. maybe the ref needs to be transferred somehow in a different way. export const MaskedInput = () => ( <TextMask mask={[/d/, /d/, /d/, /d/, /d/, /d/]} render={(textMaskRef, props) => ( <Input…
Trying to populate Antd form items from a given key-value type object, with key as label and value as input parameter. Following code I tried (also searched online), but it did not work, can someone please help me out here?…
There is an antd table. One of the columns has a title with a switch. The column can be sorted. When I click on the switch, the column sorter also changes. Is it possible to avoid changes in sorter when…
I'm working on a React form using Ant Design's Form component. The form includes several dropdowns, including facility, specialization, and doctor. The doctor dropdown should be cleared whenever the facility or specialization dropdown values change, and the doctor dropdown should…
{filteredBookings.map((booking, index) => ( <Modal key={index} // Make sure to provide a unique key open={detailModalVisible} onCancel={(e) => { setDetailModalVisible(false); setCurrentBookingIndex(null); }} footer={null}> <EachBooking key={currentBookingIndex} // Ensure EachBooking components have unique keys selectedBooking={selectedBooking} roomId={selectedRoomId} roomName={selectedRoomName} username={username} toPreviousMainModal={toPreviousMainModal} /> </Modal> ))} I…
AntDesign Form I want to use a "Select item" with a Custom Dropdown render for show a preloaded data, and you can add a new item if doesn't exists. The problem resides on submit the form, because the dropdown render…
I 'm using Ant Design's Table component to display a considerable number of rows per page. The problem I'm facing is that the horizontal scroll is way at the bottom of the page. Is there a way to position the…
On react app I have a page containing 6-7 ant design plot charts, there is also other content on that page. Now the problem with antd chart is when trying to scroll with touch on mobile phone (Android). touch on…
EDIT: After more testing it appears the error comes from the parent component to this one, which is an antd Modal. Furthermore, it seems like the issue comes from something inside the Modal implementation itself, rather than from something in…