I have two panels "The term panel as a bar chart" and "The tagcloud panel" in a single row inside banana dashboard.If a "legend" is added to the top or the bottom of the bar chart the height of the entire row increases to the height of the terms panel. But the height of the tagcloud panel remains to its same size.
I want the height of the tagcloud panel also to auto increase to the height of the row.
Inside the method $scope.close_edit of the panels/terms I added $scope.$broadcast('render'); but that doesn't help me to resize the neighbouring panel to the increased row height after adding the legend to the terms panel.
Any help on how to fix this issue would be great, thanks!
Related
I have a fixed container of 100vh x 100vw that contains 6 absolutely positioned divs that are 100vh x 100vw.
I use a dummy element that is positioned relative w/ 6 divs that are 100vh to trigger each scene.
When I resize the window, the scene's animation moves forward and backward in time. Is there a way to prevent that from happening?
The issue is that when you resize the window, the position of the scroll bar remains fixed at an absolute number of pixels. However, because your content is based on view height, the height of the document changes dynamically as you resize the window. Thus, the window scroll position as a percentage of the document body height is also changing, and this is what ScrollMagic bases progress on.
To illustrate with simplified math:
A) Given a window height of 1000px, your document height will be 6vh * 1000px = 6000px tall. If your window scroll position is 1200px, you'll be 20% of the way through the overall ScrollMagic timeline.
B) If you resize the browser to 800px tall, that changes the document height to 6hv * 800px = 4800px tall. However the window scroll position will remain at 1200px, which is now 25% of the way through the ScrollMagic timeline.
The simplest solution is probably to keep your document a fixed height.
I have a panel (Ext.Panel) with autoScroll = true. How to get the width of hidden area or get coordinates of point at panel in terms of scrollable space? For example, panel scrolled to the right. I need solution for ExtJs 3.4, but answers for ExtJs 4 will be interesting too.
In the case of a panel, the body is the scrolled element, so you'd need:
panel.body.dom.scrollWidth;
I am trying to establish the following behavior: When hiding the bottom (blue) panel I want the top (red) panel to stretch to replace it vertically and vice versa (hiding red panel should expand blue).
Using a table layout panel with auto sized rows I was able to get the blue to stretch upwards but I can not get the red panel to grow downwards.
It's difficult to see from the far right picture but the bottom table row did not shrink with the panel. Table layout panel is not a requirement for me but I was hoping it would offer a solution.
Try using a SplitContainer control instead.
You can control each panel's visibility with the Collapsed properties:
splitContainer1.Panel1Collapsed = true;
or
splitContainer1.Panel2Collapsed = true;
I have an image in WPF which I would like to enlarge to a fixed width (say 800px).
The image should stretch to this width using the original aspect ratio (so not as to distort) and the height should be scaled as necessary.
If the height is not too large for the container the top of the image should show at the top of the container. The image should then slide upwards until the bottom of the image reaches the bottom of the container via an animation (so at some point the whole image has been displayed).
Links or suggestions highly appreciated
How can we enable auto scrolling after extending upto certain height.
Basically my panel should extend automatically upto height 200 but post that I want scroll bar.
I gave
autoHeight:true
height:200
autoScroll:true
I don't want fix height 200 because height could be less than that at that time it should auto adjust to 100 for example.
I'm not sure you can have both autoHeight and height on an element (and have them both work) I think an explicit height and autoScroll true should give the effect you want except it won't collapse down below the height value obviously