Comments on: How to create a dynamic, hierarchical accordion with .NET http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/ Thu, 11 Mar 2010 14:58:13 +0000 http://wordpress.org/?v=2.1.2 By: Steven Quick http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-924 Steven Quick Wed, 27 Feb 2008 23:52:39 +0000 http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-924 My concern with using the ASP.NET ajax stuff is the page weight. Just looking at the demo page with firebug & yslow 79.2K 1 HTML/Text 138.8K 8 JavaScript Files 0.2K 1 Stylesheet File 218.3K Total size 10 HTTP requests Of course after the first load the css and js should be cached but for having almost nothing on the page 219KB is huge. Image a full page with alot of features? My concern with using the ASP.NET ajax stuff is the page weight. Just looking at the demo page with firebug & yslow

79.2K 1 HTML/Text
138.8K 8 JavaScript Files
0.2K 1 Stylesheet File
218.3K Total size
10 HTTP requests

Of course after the first load the css and js should be cached but for having almost nothing on the page 219KB is huge. Image a full page with alot of features?

]]> By: David Baxter http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-925 David Baxter Thu, 28 Feb 2008 14:00:26 +0000 http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-925 Hey Steven, thanks for writing. You have valid concerns, but lets see if I can break it down a bit to make sense of things. The 79K for the HTML is because there actually is a good bit of text on the page. Each category has 5 sub categories, each subcategory has 5 products. That means there are basically 125 little paragraphs built into the page. That isn't a small amount of markup. The Javascript is what ASP.NET is bringing to the table. That will be cached like you said, but, if you were doing the effect with any javascript library (Prototype alone is 120K) it wouldn't be much smaller, so ASP.NET isn't really a hog. The 10 HTTP Requests are because the page is built with AJAX technology. To get all the goodies, the page is going back to the server a few times. This would be true no matter how you built your ajax. To have an effect like this does add overhead, no question about it, but using ASP.NET as opposed to another library really doesn't change the amount of overhead. On a tangential subject...I have been trolling around some of the most popular sites (IGN, Yahoo, etc.) and checking their page size. Those pages are friggen huge. IGN is over a meg, Yahoo was over 600K. These are some of the most popular sites on the net so this makes me wonder how important page size really is. Now I am not saying to ignore page size, but in the world of broadband, it does seem to be less important on the site's success. Hope that helps. David Hey Steven, thanks for writing. You have valid concerns, but lets see if I can break it down a bit to make sense of things.

The 79K for the HTML is because there actually is a good bit of text on the page. Each category has 5 sub categories, each subcategory has 5 products. That means there are basically 125 little paragraphs built into the page. That isn’t a small amount of markup.

The Javascript is what ASP.NET is bringing to the table. That will be cached like you said, but, if you were doing the effect with any javascript library (Prototype alone is 120K) it wouldn’t be much smaller, so ASP.NET isn’t really a hog.

The 10 HTTP Requests are because the page is built with AJAX technology. To get all the goodies, the page is going back to the server a few times. This would be true no matter how you built your ajax.

To have an effect like this does add overhead, no question about it, but using ASP.NET as opposed to another library really doesn’t change the amount of overhead.

On a tangential subject…I have been trolling around some of the most popular sites (IGN, Yahoo, etc.) and checking their page size. Those pages are friggen huge. IGN is over a meg, Yahoo was over 600K. These are some of the most popular sites on the net so this makes me wonder how important page size really is. Now I am not saying to ignore page size, but in the world of broadband, it does seem to be less important on the site’s success.

Hope that helps.
David

]]> By: website designer melbourne http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-929 website designer melbourne Wed, 05 Mar 2008 23:35:20 +0000 http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-929 hi i am working on one of my client website and i need a accordian effect my probleam is i wnat to bind them with database accordian header and every thing else is comming from database is there any way to do this? hi i am working on one of my client website and i need a accordian effect my probleam is i wnat to bind them with database accordian header and every thing else is comming from database is there any way to do this?

]]> By: David Baxter http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-930 David Baxter Thu, 06 Mar 2008 00:22:13 +0000 http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-930 Hey Melbourne, I have to admit, I am a bit confused by the question. Can you clarify? David Hey Melbourne, I have to admit, I am a bit confused by the question. Can you clarify?

David

]]> By: website designer melbourne http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-931 website designer melbourne Thu, 06 Mar 2008 04:41:13 +0000 http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-931 i am using ajax accordian panel and i need to bind with database just like datagrid or repater control. some thing like this but it will not work as you cant but repater inside accordian ...... but i need some thing to bind accordian with database. i am using ajax accordian panel and i need to bind with database just like datagrid or repater control.

some thing like this but it will not work as you cant but repater inside accordian ……
but i need some thing to bind accordian with database.

]]> By: website designer melbourne http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-932 website designer melbourne Thu, 06 Mar 2008 04:42:22 +0000 http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-932 i am using ajax accordian panel and i need to bind with database just like datagrid or repater control. some thing like this but it will not work as you cant but repater inside accordian ...... but i need some thing to bind accordian with database. i am using ajax accordian panel and i need to bind with database just like datagrid or repater control.

some thing like this

but it will not work as you cant but repater inside accordian ……
but i need some thing to bind accordian with database.

]]> By: website designer melbourne http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-935 website designer melbourne Thu, 06 Mar 2008 04:45:15 +0000 http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-935 hi david its like accordina inside repater i have tried so manny time pasing a code but i think it is not taking as comment.... hi david its like accordina inside repater i have tried so manny time pasing a code but i think it is not taking as comment….

]]> By: David Baxter http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-936 David Baxter Thu, 06 Mar 2008 14:51:07 +0000 http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-936 It is usually best to email me code...something about my comment system here doesn't like it. david at creativeui dot com. David It is usually best to email me code…something about my comment system here doesn’t like it.

david at creativeui dot com.

David

]]> By: Jim http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-962 Jim Sun, 30 Mar 2008 14:05:40 +0000 http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-962 Cool. Salute to your nice job. Cool. Salute to your nice job.

]]> By: Telugu Movie Reviews http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-985 Telugu Movie Reviews Tue, 06 May 2008 06:42:59 +0000 http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-985 Thank you Thank you

]]> By: Mike http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-1034 Mike Thu, 24 Jul 2008 17:39:58 +0000 http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-1034 I cant access the Accordion Datasource in the codebehind, do you have any idea why that would be? I cant access the Accordion Datasource in the codebehind, do you have any idea why that would be?

]]> By: denis http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-1105 denis Thu, 18 Dec 2008 17:54:49 +0000 http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-1105 thx thx

]]> By: Alan Alherebe http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-1108 Alan Alherebe Sun, 28 Dec 2008 05:54:01 +0000 http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-1108 Hi David, thank's for the demo. I am using Vb Net and the Data is coming from a SQL server so I rewrite your exemple to fit those need , all went well execpt for "private bool LoadProductsForSubs(SubcategoryData sub, AccordionContentPanel pnl)" I use : Private Sub LoadCourseForSubs(ByVal cat As Object, ByVal pnl As AccordionContentPanel) Dim acc As Accordion = pnl.FindControl("accCategories") but acc always come back with nothing ... I only want to build a 2 level display , so it bind the first level find and display the data ( Universites names) .. Any pointer ...? Thank'x Alan Hi David,

thank’s for the demo.

I am using Vb Net and the Data is coming from a SQL server so I rewrite your exemple to fit those need , all went well execpt for “private bool LoadProductsForSubs(SubcategoryData sub, AccordionContentPanel pnl)”
I use :
Private Sub LoadCourseForSubs(ByVal cat As Object, ByVal pnl As AccordionContentPanel)

Dim acc As Accordion = pnl.FindControl(”accCategories”)

but acc always come back with nothing …

I only want to build a 2 level display , so it bind the first level find and display the data ( Universites names) ..

Any pointer …?

Thank’x

Alan

]]> By: mark http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-1131 mark Mon, 27 Apr 2009 20:23:49 +0000 http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-1131 I tried loading this as a web user control. got through all the usual errors that i forget to do, take out unneeded items (page, script mgr, etc) from ascx. add proper references on the aspx page. but then nothing loads except for my other web user control on the page. I tried loading this as a web user control. got through all the usual errors that i forget to do, take out unneeded items (page, script mgr, etc) from ascx. add proper references on the aspx page. but then nothing loads except for my other web user control on the page.

]]> By: Kostas http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-1137 Kostas Tue, 07 Jul 2009 13:10:40 +0000 http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-1137 Hi, your article is just why i'm trying to develop on the project i'm currently working on! When i try to see your demo or download your code, i get the 404 not found error. Have you moved them away? Is there a new link where i can find them? Thanks in advance! :-) Hi, your article is just why i’m trying to develop on the project i’m currently working on! When i try to see your demo or download your code, i get the 404 not found error. Have you moved them away? Is there a new link where i can find them? Thanks in advance! :-)

]]> By: Todd http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-1139 Todd Thu, 13 Aug 2009 11:14:22 +0000 http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-1139 Hi, I'd also be very interested in seeing your demo and code but am getting the 404 error. If you're able to provide us with a new link it would be much appreciated!!! Hi, I’d also be very interested in seeing your demo and code but am getting the 404 error. If you’re able to provide us with a new link it would be much appreciated!!!

]]> By: Susmitha http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-1144 Susmitha Wed, 23 Sep 2009 06:27:31 +0000 http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-1144 hi i am working on one of my client website and i need a accordian effect my probleam is i wnat to bind them with database accordian header and every thing else is comming from database is there any way to do this? hi i am working on one of my client website and i need a accordian effect my probleam is i wnat to bind them with database accordian header and every thing else is comming from database is there any way to do this?

]]> By: Susmitha http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-1145 Susmitha Wed, 23 Sep 2009 06:28:58 +0000 http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-1145 hi, my problem is also like categories,sub categories n products the demo link is not working help me thanks in advance hi,
my problem is also like categories,sub categories n products
the demo link is not working
help me
thanks in advance

]]> By: James http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-1149 James Fri, 13 Nov 2009 11:42:09 +0000 http://www.creativeui.com/2008/02/12/how-to-create-a-dynamic-hierarchical-accordion-with-net/#comment-1149 Hi, The links to your demo and sample code are failing at the moment. Is this temporary server trouble of have the locations changed - if so any chance of point me to where they are now - as I'd really like to have a look ! Thanks Hi,

The links to your demo and sample code are failing at the moment.

Is this temporary server trouble of have the locations changed - if so any chance of point me to where they are now - as I’d really like to have a look !

Thanks

]]>