Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • 07:31

    SevenOutman on docs-node-16

    (compare)

  • 07:31

    SevenOutman on main

    build(engines): upgrade lockfil… (compare)

  • 07:31
    SevenOutman closed #2487
  • 07:27
    codecov[bot] commented #2487
  • 07:26
    codecov[bot] commented #2487
  • 07:26
    vercel[bot] commented #2487
  • 07:26
    codecov[bot] commented #2487
  • 07:26
    vercel[bot] commented #2487
  • 07:25
    codesandbox[bot] commented #2487
  • 07:23
    codecov[bot] commented #2487
  • 07:23
    vercel[bot] commented #2487
  • 07:23
    vercel[bot] commented #2487
  • 07:23
    SevenOutman synchronize #2487
  • 07:23

    SevenOutman on docs-node-16

    build(engines): upgrade lockfil… docs: remove lockfileVersion ex… (compare)

  • May 17 12:01
    RamonPessoa opened #2490
  • May 17 10:43
    SevenOutman review_requested #2458
  • May 17 08:36
    SevenOutman ready_for_review #2458
  • May 17 08:36
    SevenOutman commented #2458
  • May 17 08:28
    codecov[bot] commented #2458
  • May 17 08:28
    codecov[bot] commented #2458
TheColdPot
@TheColdPot
use navigator.onLine to get a boolean when the page was just rendered
and also, DOM has a event offline
it like document.addEventListener('offline', () => {/*your code*/})
TheColdPot
@TheColdPot

you can use it with React state, like this (pseudo code)

function App() {
  const [online, setOnline] = useState(navigator.onLine);
  useEffect(() => {
    document.addEventListener('offline', () => setOnline(false));
    /* Or Jquery 
     * $(document).on('offline', () => setOnline(false);
     */
  }, []);
  return online ? <MyWebApp /> : <MyWebAppPlaceHolderWhenOffline />
}

or class

class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = { online: navigator.onLine }
    document.addEventListener('offline', () => this.setState({online: false}));
    /* Or Jquery 
     * $(document).on('offline', () => this.setState({online: false}));
     */
  }
  render() {
    return this.state.online ? <MyWebApp /> : <MyWebAppPlaceHolderWhenOffline />
  }
}
KaganHamzacebi
@KaganHamzacebi
hello, everyone. Is there a way to use rsuitejs with create-react-app?
Andrew Keturi
@adketuri
Pablo Sepulveda V
@paseva1980_twitter
hello, my problem Cannot read property 'Body' of undefined on <Sidenav.Body
Maxus
@MaxusAdmin
Hi everyone, has anyone been able to execute the Webpack compiles multiple themes instruction? It is already difficult to calculate how much time I spend, but I did not manage to do it. maybe there is a working instruction?
1 reply
it's really problem for me, but i don't want to leave this issue unresolved
Duong Nguyen
@nhduong29
Hi all, For the table, we have an issue with editable cell.
When we click to edit the cell the scrollbar of table content will be scroll to top.
Do you guys have any idea to fix it?
1 reply
lior146
@lior146
hey has anyone created Rsuite admin dashboards or free or paid themes?
The style here is a bit basic and looking for a designer or theme that can beautify it
Pravin Kumar
@vctpravin
Hi guys, is it possible to create a scrollbar for only a particular column in tree-table. For example, I am having tree in one column and actions in another column which is transparent. When i scroll the table horizontally the action icons come on top of the column(tree). I want to restrict scrolling to tree column only. Thanks
@nhduong29 you may be editing the table data directly, try to put it in useState. I had that issue earlier, when i moved my data to redux, the issue was solved
Tiago Perdigão
@TiagoPerdigao1983
Hi everyone. Is there a hooks version of the Open/Close menu of the Sidenav?
M Khabibur
@imkhrr
Hello, is there a way to get align middle working ?
I followed example, but it isn't work like that
Deco Moraes
@decomoraes
Hey guys, I would like to translate the "page" word in the display length selector, e. g. "20 / page" to "20 / página"
hugodezordo
@hugodezordo
hello, do you know how I can search for a parent folder in the search bar of the Cascader component ?
Tiago Perdigão
@TiagoPerdigao1983
hello. Is there a way to remove with css the onclick ripple effects?
2 replies
GameGC
@GameGC
Hey guys
index.js:1 Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in the componentWillUnmount method.
in FormControl (created by Context.Consumer)
in FormControlWrapper (created by defaultProps(FormControlWrapper))
in defaultProps(FormControlWrapper) (at ProfilePage.js:130)
in div (created by FormGroup)
in FormGroup (created by defaultProps(FormGroup))
in defaultProps(FormGroup) (created by withStyleProps(defaultProps(FormGroup)))
in withStyleProps(defaultProps(FormGroup)) (at ProfilePage.js:128)
in BoolField (at ProfilePage.js:156)
i need help
image.png
here is code
not works changing value and this error and console
sbitproz
@sbitproz
I wondered if your Table component supported adding a filter control in the column header? Or allowed the dev to inject a component into a column header? Couldn't see this in the examples
Shweta Kale
@raibove
How to off the tooltip in SideNav?
1 reply
Simon Guo
@simonguo
image.png
@nhduong29
Iosvany Alvarez
@lucasgio
Hello, I am new to this framework and it is very good. By the way, I would like to know how you can submit a form and collect the data in a useState? Thank you.
Adminppweb
@Adminppweb
Hello. How to use rsuite into metronic template using node-sass? help me
Panuganti Jagadeesh
@PJagadeesh24_twitter
Hi, I raised an issue, #1685 could you please go through it once?
hoangdosgt
@hoangdosgt
Hello
hoangdosgt
@hoangdosgt
Every body say oh ye
Hello
How can I use Tag Drawer.Action in .tsx
Lei
@LullabyLY
hello,everyone.How can I make the MultiCascader support mouse hover and expand?
Hector Huaranga
@HectorAHS
Hola, alguien es español?
Hector Huaranga
@HectorAHS
Hello, why, the footer is not in the bottom of page?
https://codesandbox.io/s/0i706
Hector Huaranga
@HectorAHS
hello
Doma
@SevenOutman

Hello, why, the footer is not in the bottom of page?
https://codesandbox.io/s/0i706

add flex-grow: 1 to your Sidenav in Sidebar

KristjanVall
@KristjanVall

Hello, how can i use Toggle in Fromcontroller

<FormControl name='arhiivis' accepter={Toggle} />

const [formValue, setFormValue] = useState({
koorem,
valjumise_kpv_org,
klient,
arhiivis: true,
});

but the Toggle do not move to active
Phanio Phrero
@phaniophrero
hello everyone , has any of you did a range slider like the custom one that rsuite has , the one that shows the values A, B , C , D ?
Rohit JP Singh
@rohitjpsingh
Hello, I want to get value in obj like { ref:"user", value:"1",label:"Demo" } in tag-picker.
GreXLin85
@GreXLin85
Hello!
Esteban Diez
@diez_esteban_twitter

Hi Everyone! I'm facing a couple of challenges when using input-type rsuite components:

  1. set focus on an InputPicket. Tried autoFocus property and it doesn't work.

  2. allow user to use his keyboard to navigate through the control. E.g: InputPicker , DatePicker

Thank you!

Esteban Diez
@diez_esteban_twitter

Hola, alguien es español?

aquí

Martin Yau
@Fhgs2001Yau_twitter
Hi Everyone , Is there anyway that when I selected certain range in date range picker which include some disabled days but I can still press the OK Button?
Naveengali
@NaveenGali11
i am coding in react in phpstorm and i am unable to get code snippets for props of components any one please help me