You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
Repository navigation
How to change the default width and height of grid stack placeholder? #914
For example the default value for now is data-gs-width="2" and data-gs-height="3". I want to change this to value. I'm thinking of having the data value of grid stack item's width and height.
I'm referring to the below classes.
[css] .grid-stack .grid-stack-placeholder > .placeholder-content { border:1px dashed #d3d3d3; }
Given that sidebar example of the two grid demo, I'm wondering if it is possible to achieve something similar to the Azure Portal. That is, the widget that you start dragging could be a different size than what it occupies in a grid. For example, all of the items are 1x1 in the sidebar but occupy something larger in the grid. Here is a screenshot for example, notice how the Clock item while being dragged occupies 2x2 on the grid, even though its ghosted image is smaller.
We do this in our application. It’s entirely possible, but I’m on vacation
so I have no way to access our code. I kind of remember we do the resizing
on the gridstack ‘change’ event, when the widget is added to the grid.
Sorry for the vague answer 😅
On Wed, 8 Aug 2018 at 21:31 ermcgrat ***@***.***> wrote:
Given that sidebar example of the two grid demo, I'm wondering if it is
possible to achieve something similar to the Azure Portal. That is, the
widget that you start dragging could be a different size than what it
occupies in a grid. For example, all of the items are 1x1 in the sidebar
but occupy something larger in the grid. Here is a screenshot for example,
notice how the Clock item while being dragged occupies 2x2 on the grid,
even though its ghosted image is smaller.
https://i.imgur.com/w2YrcmB.png
—
You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub
<#914 (comment)>,
or mute the thread
<https://github.com/notifications/unsubscribe-auth/AAvG0qJD4Vjvb40gcu4bvQgH3Np1aw2xks5uOzyqgaJpZM4U8fCE>
.
Activity
jun1432 commentedon Jun 29, 2018
For example the default value for now is data-gs-width="2" and data-gs-height="3". I want to change this to value. I'm thinking of having the data value of grid stack item's width and height.
I'm referring to the below classes.
[css]
.grid-stack .grid-stack-placeholder > .placeholder-content { border:1px dashed #d3d3d3; }[html]
{default values below}
<div class="grid-stack-placeholder grid-stack-item" data-gs-x="0" data-gs-y="4" data-gs-width="2" data-gs-height="3"></div>I want to edit these default values manually or dynamically. I hope I explained well my issue.
Thanks and more power.
jun1432 commentedon Jul 2, 2018
Hi Guys,
For more info on the issue, below is a screenshot on the element that has this default value that I want to change.
http://www.screencast.com/t/OV3B53WBS
radiolips commentedon Jul 2, 2018
The value is the size of the widget. What are you trying to change it to?
jun1432 commentedon Jul 2, 2018
I want to change the default value of data-gs-width="6" and data-gs-height="4"
radiolips commentedon Jul 2, 2018
Those values are set to that because they're the values of the widget you're moving. The placeholder will always reflect the size of the widget.
jun1432 commentedon Jul 2, 2018
Thanks @radiolips.
ygalanter commentedon Jul 17, 2018
Maybe related - how to change the granularity of "snap to" when resizing a widget?
Hedva commentedon Aug 7, 2018
@radiolips That doesn't seem true when you use the 'sidebar' of Two Grid Demo
How can you change the size in that case?
ermcgrat commentedon Aug 8, 2018
@Hedva Also curious about this. That "drag me" item doesn't have any sizes specified, but becomes a 2x2 when dropping into either grid.
ermcgrat commentedon Aug 8, 2018
Given that sidebar example of the two grid demo, I'm wondering if it is possible to achieve something similar to the Azure Portal. That is, the widget that you start dragging could be a different size than what it occupies in a grid. For example, all of the items are 1x1 in the sidebar but occupy something larger in the grid. Here is a screenshot for example, notice how the Clock item while being dragged occupies 2x2 on the grid, even though its ghosted image is smaller.
https://i.imgur.com/w2YrcmB.png
lauantai commentedon Aug 8, 2018
Hedva commentedon Aug 13, 2018
@lauantai I would be really grateful if you can provide an example in the near future. Can't figure it out yet
ermcgrat commentedon Aug 15, 2018
Hey guys, I found a workaround that may be helpful if this issue still pertains to you
#933
adumesny commentedon Dec 23, 2019
real fix in #1107 - sorry it took so long