React-grid-layout: Resizable Handle

Created on 22 Jun 2015  路  7Comments  路  Source: STRML/react-grid-layout

As we have draggableHandle, will be great have a resizableHandle too.
I fast looked the code... there is some obstacle to implement? (I know that in fact this should be implemented in react-resizable)

Most helpful comment

I figured it out. I needed the following two statements:

<link href="../node_modules/react-grid-layout/node_modules/react-resizable/css/styles.css" rel="stylesheet" type="text/css" >
<link href="../node_modules/react-grid-layout/css/styles.css" rel="stylesheet" type="text/css" >

All 7 comments

This is already mentioned in the README TODO, isn't it?

"Resizable handles on other corners"

First, thanks for this great project!
In the demos I can see and use the resize handle but if I install it in my own project it doesn't show up.
Anyone else with this problem?

@dmr You are likely missing the styles - make sure you are importing or copy/pasting https://github.com/STRML/react-grid-layout/blob/master/css/styles.css

That's what I thought at first also, but I included the styles and it's probably some weird CSS of my app around it ^^, I'll debug it tomorrow.

Hi @dmr - were you able to debug and resolve the issue? I have the same.

I figured it out. I needed the following two statements:

<link href="../node_modules/react-grid-layout/node_modules/react-resizable/css/styles.css" rel="stylesheet" type="text/css" >
<link href="../node_modules/react-grid-layout/css/styles.css" rel="stylesheet" type="text/css" >

If I remember correctly wie solved the issue by including the CSS manually

Was this page helpful?
0 / 5 - 0 ratings