Intersoft Community - WebGrid Enterprise - Webgrid height issue with Ajaxtoolkit Accordion

Webgrid height issue with Ajaxtoolkit Accordion

sjain — Fri, 20 May 2016 12:48:11 GMT

Hi Erwin,
Ajaxtoolkit Accordion issue on our pages are fixed long time. I am trying to get similar functionality from Intersoft's accordion control. I saw live examples and think that we can use its rich functionality in our some future modules. It would be really nice if you can reply on above 28th April's post !
regards
Sachin

Webgrid height issue with Ajaxtoolkit Accordion

sjain — Thu, 28 Apr 2016 15:32:01 GMT

Hi Erwin,
Thanks for the sample. Our requirement demands dynamic adding of webgrids which number is known only at run time depending upon some conditions. Please, use my provided ajax sample as reference. I am facing problem in adding dynamic grid in WebAccordionItem.
I tried to get reference from http://developer.intersoftsolutions.com/display/WebUI/WebAccordion ; but could not get. May be I overlooked.
In ajax control , the way I used to add new pane was like this
AccordionPane SectionPane = new AccordionPane();
...
...
SectionPane.ContentContainer.Controls.Add(DynamicGrid);

I believe that same functionality is available in also WebAccordion.
WebAccordionItem newItem = new WebAccordionItem();
newItem. ??? // I could not find a way to add dynamic grid.

I downloaded earlier chm file for webgrid which helped me to understand webgrid. I forgot that from which link I downloaded that. Is such chm file also exist for WebAccordion ; if it exists then please share the link.

Thanks again for your sample.
regards
Sachin

Webgrid height issue with Ajaxtoolkit Accordion

erwinintersoft — Wed, 27 Apr 2016 07:11:50 GMT

Hello Sachin,

Here I made a sample for you in which you can add a new accordion item. If you want to add the grid inside the accordion item, I suggest that you use an IFrame for such case. Call the webform with a QueryString to show the desired grid. Hope this helps.

Best Regards,
Erwin Sanders

Webgrid height issue with Ajaxtoolkit Accordion

sjain — Tue, 26 Apr 2016 13:59:55 GMT

Hi Erwin,
I liked live samples of WebAccordian. I am considering to use WebAccordion; but stuck on adding dynamic panes with dynamic grid inside it. Can you suggest some sample ! We checked intersoft both samples (with unified themes and other one) but could not see any such sample. May be I overlooked some sample.
I am eager to implement it.
regards
Sachin

Webgrid height issue with Ajaxtoolkit Accordion

erwinintersoft — Wed, 23 Mar 2016 03:01:31 GMT

Hi Sachin,

Thank you for the screenshots. Actually this issue can be resolved by calling wgDoresize(true, true) method after the accordion is clicked, however I think there's no way for the ajaxToolkit to do that (correct me if i'm wrong). Since you bought our WebUI Studio, have you considered using our WebAccordion instead?

Anyway, if you still insist on using the ajaxToolKit, add the following code to the Page_Load event.

ClientScript.RegisterStartupScript(this.GetType(), "init", "" +    "window.addEventListener(\"load\", function(){ " +
    "var pane = document.querySelectorAll(\".accordionHeader\");" +
    "for (var i = 0; i < pane.length; i++)" +
    "{" +
    "pane[i].addEventListener(\"click\", function(){" +
    "setTimeout(function(){wgDoResize(true, true);},300); }, false); " +
    "} " +
    "}, false);" +
    "", true);

In my opinion, this isn't exactly the best practice as it forced an additional event to the accordion, but it does the job.

Best Regards,
Erwin Sanders

Webgrid height issue with Ajaxtoolkit Accordion

sjain — Tue, 22 Mar 2016 11:36:40 GMT

Hi Erwin,
As per your suggestion I removed AutoHeight property from Dynamic Grid and changed DynamicGrid Height same as panel ie, 450 px.
Now issues are nearly same as earlier
First Grid height is proper. But third grid height is not proper; although it has 12 rows but its height is somehow adjusted like second grid which has 1 row only. Rest of grid's height are also not proper.

I am attaching modified sample and screenshot of pages .

regards
Sachin

Webgrid height issue with Ajaxtoolkit Accordion

erwinintersoft — Mon, 21 Mar 2016 10:27:36 GMT

Hello,

I've taken a look at your sample, it just need a little adjustment to make the height working properly. Just remove AutoHeight property that you set on server side, then using your 1st approach, change DynamicGrid Height value the same as your GridContainerPanel Height which is Unit.Pixel(450);

Now all your WebGrid height should work the way it should be.

*AutoHeight property specifies whether WebGrid will calculate its height automatically based on available page’s height.

Hope this helps.

Best Regards,
Erwin Sanders

Webgrid height issue with Ajaxtoolkit Accordion

sjain — Fri, 18 Mar 2016 13:17:50 GMT

Hi,
We are using Webgrid 10 with Ajaxtoolkit Accordion. The height of webgrid is not working properly. I created a sample page using Northwind database with seven section pane using different number of rows in table. I also tried 3 different ways to tackle grid height issue. Please, see that what need to do to fix the height issue. We used IE browser 10 , 11 normal and comp mode to check but height issue was present in all versions.
Sample contains aspx, aspx.cs and sample css file.

regards
Sachin