Questions tagged [rsuite]
55 questions
1
vote
0 answers
React + Rsuite dropdown: prevent page from scrolling down when dropdown items go off screen
I'm making a chrome extension using react. In my app I'm using the Rsuite Dropdown component. I'm using nested menus with lots of items, so on some of the menus the list of items in the dropdown extends past the screen. The issue is that I hover…
Chuddy
- 11
- 1
1
vote
0 answers
How do I use the HTML title attribute in a React component that has its own 'title' attribute?
I am using the HTML title attribute in my react application for tooltips, but I am also using rsuite Steps component, which has a title attribute.
Haley Yerxa
- 11
- 2
1
vote
2 answers
How to set the field2 and field3 to required based on the field1 value in react
Schema.model({
field1: StringType(),
field2: StringType(),
field3: StringType()
})
return (
1
vote
0 answers
Rsuite SelectPicker need to get the value of label
Need to get the value of label in the select picker
drop_down_data has these two values
value:(here is the id or key)
label:(is the name)
sample data:
value:"60868932d8c9e10c42a93df0",
label:"Tony Stark"
This is my code:
SadPenguin
- 19
- 4
1
vote
1 answer
SideNav with rsuite
I want to create a sideNav in reactjs and I am using rsuite, but I am not able to make it work properly.
I have added my code to sandbox here
Can anyone tell me how to style this properly and add route to the nav. Even if there is similar example…
Shweta Kale
- 176
- 2
- 10
1
vote
0 answers
How to set the yup validation on the renderer in react
{
label: "Room",
name: "room",
type: "select",
rule: yup.string().min(1, 'Room field must have at least 1 or more items').required('Room is a required field'),
renderer: () => {
const { control,…
user13780186
1
vote
1 answer
Hello, I'm having the following error in REACT working with Router and the RSUITE library :
Uncaught TypeError: react__WEBPACK_IMPORTED_MODULE_0__.React is undefined
Updating webpack and so on doesn't resolve anything at least until now.
webpack:///./src/App.js?:18
js…
Laura
- 23
- 3
1
vote
1 answer
Nextjs using rsuitejs and css modules no css in build directory
I use nextjs with rsuitejs.
in dev everything works fine.
after build the library css are not in the build directory,
so ugly page with no css.
i use css module with custom webpack config.
you can find the project here :…
Sid Ali
- 1,779
- 4
- 17
- 38
0
votes
0 answers
Using RSuite's Tree, Data Is Rendering & Populating But Not Expanding On Default
I am using Rsuite's Tree Component to render data being passed as an array, which I then structure to be a tree. The tree should be fully expanded on load so that the user has an intuitive understanding of the data.
I have a main page and a…
0
votes
0 answers
How to display only parent label when select an item in multicascader rsuite
{ label: 'Create', value: 'create' },
{ label: 'Read', value: 'read' },
{ label: 'Write', value: 'write' },
{ label: 'Delete', value: 'delete' },
{ label: 'Approve', value: 'approve' }
];
const multiCascaderData = data.map(item => {
…
COD3
- 103
- 4
0
votes
0 answers
React suite inputpicker and pagination component. accessibility
Inputpicker and pagination contain multiple input field.While putting aria-label tag, those component are not being accessible.
Ashin Mahat
- 11
- 6
0
votes
0 answers
Storybook not working with RSuite (Syles are not being applied)
I am trying to integrate RSuite with storybook. I'm using Storybook V7. The problem is the Rsuite theme and classnames are not being applied. I have tried using decorators, add webpack configs, yet I still can't resolve this issue.
This is my…
Arpit
- 467
- 1
- 8
- 18
0
votes
1 answer
React Suite Tooltip Whisper methods
import React from 'react';
import "rsuite/dist/rsuite.min.css";
import { useRef } from 'react';
import { Button, Popover, Whisper } from 'rsuite';
export default function App() {
const whisperRef = useRef(null);
const handleclick = () => {
…
Aditya Gupta
- 1
- 2
0
votes
1 answer
Rsuite Uploader don't send me the file to Express server
I'm trying to use a Uploader component from RSuite, for upload a picture to the Express server:
…
Allid
- 1
- 1
0
votes
1 answer
rsuite date range picker -- Remove 'X' cancel from the rsuite rangeDatepicker
I am using rsuite Daterangepicker I want to remove the cancel or 'x' button from it after the date is selected as I don't want the value to be null
SUSHANT SHETTY
- 93
- 1
- 1
- 6