responsive height

[c2mrdale]

I would love for this script to resize the expanded area (to accomodate content height) when screen is resized, or orientation change is made on mobile devices.

[Gangedm]

Am facing same issues. When i show hidden content in expander then height not getting increased am per my contents.

[chandankarpankaj]

Hi @Gangedm @c2mrdale,
I was facing the same issue while adding/removing/showing component on expander grid. I changed library source code and written API method. This need to get called after every client event.

/** * refresh expander on change */ this.refreshExpander = function () { this.$expanderInner.css({ height: 'auto' }); var newHeight = options.dynamicHeight ? self.$expanderInner.outerHeight() : options.initialWrapperHeight; this.resizeHeight(newHeight); };

in jQuery.GI.TheWall.js added snippet above statement _init.call(this);

_TheWall = function ($el, myOptions) {
...
TODO place here
init.call(this);
return this;
};

as wall is global object we can call this after any client action

wall.refreshExpander();
Above solution may or may not be the feasible solution but solving my current problem.

Also tried to auto-resize expander component by adding below in my local page script. But expander fading(hide) animation was not working as expected.
$('.GI_TW_expander-inner').bind("DOMNodeInserted",function(){ //alert('inserted'); wall.refreshExpander(); }); $('.GI_TW_expander-inner').bind("DOMNodeRemoved",function(){ //alert('removed'); wall.refreshExpander(); });

[Gangedm]

Thank you @chandankarpankaj