Rank: Member Groups: Member
Joined: 5/10/2009 Posts: 10
|
Dear EO Support,
During checkup of a page from IE source view I have noticed that a huge chunk of html is coming from EO grid and would like to know how to reduce it if possible.
put in mind that the page has no data loaded into the grid, the grid is bound to a linqdatasource and a simple Grid1.DataBind(); ( the case i test with has no data in the source )
sorry for the verbose output but i would like you to see it ( copy paste to view in normal size )
i really would like an explanation for all the output, this is not even 25% of the output from the grid. (notice i didnt reach the EO.Grid end tag yet)
there is also alot of inline styling that maybe could have been inserted at the top?
thanks in advance for any help and explanation that you could provide regarding this.
<!-- Begin EO.Web Grid Grid1. --> <div style="position:absolute; top:-1000px;"><input type="hidden" name="_eo_js_modules" value="/eo_web.ashx?id=48463f96-8f62-420b-9bf7-96532137b5a0|fmt|/eo_web.ashx?id=bb96cb08-b2a1-4b68-872d-92f3847222ca|u|/eo_web.ashx?id=20c7d57c-c76f-452b-99b7-f912c0fc390c|pop|/eo_web.ashx?id=f45232b5-ee2f-4156-af5e-6e8ed9a4e36b|ei|/eo_web.ashx?id=ece148d5-3aaa-4b8b-813a-16ee3a417f62|e|/eo_web.ashx?id=35543e3e-d9ea-4498-bdeb-a519c1a90f90|me|/eo_web.ashx?id=0fbbba6f-c766-428f-8a68-a879cdf72aa5|cd|/eo_web.ashx?id=65dbbe6e-6c46-4f07-905d-ad4acf5907bd|c|/eo_web.ashx?id=1e1b2eab-226b-4af4-acab-dbb50bf964c4|dg|/eo_web.ashx?id=0ccf8bb0-b16b-4406-8841-f0b41f94adc7|pb|/eo_web.ashx?id=34a904e4-90e7-4cfc-b896-c287ee826b1c|up|/eo_web.ashx?id=1bf9bb7d-00c0-48c0-9d12-51f9831ee7bc|dd|/eo_web.ashx?id=dda973d5-2080-4b60-81f2-b77e49c166ab|xh|/eo_web.ashx?id=17c74a9a-19a7-461e-82e5-6da7cae687ef|sc|/eo_web.ashx?id=148272a9-4d74-40cd-a902-81484903e792|gd" /></div> <input type="hidden" id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_data" name="ctl00_bh_tc_p5_AttachmentsBox_Grid1_data" value="[]" /><input type="hidden" id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_types" name="ctl00_bh_tc_p5_AttachmentsBox_Grid1_types" value="[]" /><input type="hidden" id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_styles" name="ctl00_bh_tc_p5_AttachmentsBox_Grid1_styles" value="[]" /><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1" style="width:100%;text-decoration:none;height:250px;font-weight:normal;font-style:normal;font-size:8.75pt;font-family:Verdana;border-width:1px;border-style:None;border-color:White;"> <table id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_table" border="0" cellpadding="0" cellspacing="0" width="100%" height="100%"> <tr height="100%" id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_contentTr"><td valign="top" id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_contentTd" height="100%" class="eo_css_ctrl_ctl00_bh_tc_p5_AttachmentsBox_Grid11" style="border-bottom-color:white;border-bottom-width:0px;border-left-color:white;border-left-width:0px;border-right-color:white;border-right-width:0px;border-top-color:white;border-top-width:0px"><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_contentInner" style="position:relative;width:100%;height:100%;"><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_scrollOutter" style="position:absolute;left:0px;top:0px;z-index:1;width:100%;height:100%;overflow:auto;"><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_scrollInner" style="height:0px;width:0px;"></div></div><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_scrollClient" style="position:absolute;z-index:2;left:0px;top:0px;overflow:hidden;"><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_dividerLine" style="position:absolute;z-index:10000;top:0px;height:100%;width:8px;cursor:col-resize;left:-100px;padding-left:4px;"><div style="height:100%;width:1px;background-color:black;"></div></div><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_scrollRegion" style="position:absolute;left:0px;top:0px;width:100%"><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_headerRow" style="position:absolute;left:0px;top:0px;z-index:10;height:20px;width:100%;font-family:Verdana;font-size:8.75pt;font-style:normal;font-weight:normal;"><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_c0" style="position:absolute;left:0px;top:0px;width:300px;height:20px;z-index:1000;overflow:hidden;"><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_c0_i" style="width:auto;height:expression(eo_se_handler(this, 1));;" class="eo_css_ctrl_ctl00_bh_tc_p5_AttachmentsBox_Grid12">Filename</div></div><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_c1" style="position:absolute;left:300px;top:0px;width:90px;height:20px;z-index:1001;overflow:hidden;"><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_c1_i" style="width:auto;height:expression(eo_se_handler(this, 1));;" class="eo_css_ctrl_ctl00_bh_tc_p5_AttachmentsBox_Grid12">Uploaded By</div></div><img id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_c0_sort" style="position:absolute;left:284px;top:0px;z-index:2000;display:none" src="/eo_web.ashx?id=4bdd6b2c-9676-4246-8446-9f826f9db443" /><img id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_c0_img" style="position:absolute;left:296px;top:0px;z-index:2001;cursor:col-resize;" src="/eo_web.ashx?id=cd76f3cd-fd67-48ec-9d6d-20536b9c6276" /><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_c2" style="position:absolute;left:390px;top:0px;width:100px;height:20px;z-index:1002;overflow:hidden;"><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_c2_i" style="width:auto;height:expression(eo_se_handler(this, 1));;" class="eo_css_ctrl_ctl00_bh_tc_p5_AttachmentsBox_Grid12">Date</div></div><img id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_c1_sort" style="position:absolute;left:374px;top:0px;z-index:2001;display:none" src="/eo_web.ashx?id=4bdd6b2c-9676-4246-8446-9f826f9db443" /><img id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_c1_img" style="position:absolute;left:386px;top:0px;z-index:2002;cursor:col-resize;" src="/eo_web.ashx?id=cd76f3cd-fd67-48ec-9d6d-20536b9c6276" /><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_c3" style="position:absolute;left:490px;top:0px;width:55px;height:20px;z-index:1003;overflow:hidden;"><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_c3_i" style="width:auto;height:expression(eo_se_handler(this, 1));;" class="eo_css_ctrl_ctl00_bh_tc_p5_AttachmentsBox_Grid12"></div></div><img id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_c2_sort" style="position:absolute;left:474px;top:0px;z-index:2002;display:none" src="/eo_web.ashx?id=4bdd6b2c-9676-4246-8446-9f826f9db443" /><img id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_c2_img" style="position:absolute;left:486px;top:0px;z-index:2003;cursor:col-resize;" src="/eo_web.ashx?id=cd76f3cd-fd67-48ec-9d6d-20536b9c6276" /><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_c4" style="position:absolute;left:545px;top:0px;width:55px;height:20px;z-index:1004;overflow:hidden;"><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_c4_i" style="width:auto;height:expression(eo_se_handler(this, 1));;" class="eo_css_ctrl_ctl00_bh_tc_p5_AttachmentsBox_Grid12"></div></div><img id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_c3_img" style="position:absolute;left:541px;top:0px;z-index:2004;" src="/eo_web.ashx?id=cd76f3cd-fd67-48ec-9d6d-20536b9c6276" /><img id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_c4_img" style="position:absolute;left:596px;top:0px;z-index:2005;" src="/eo_web.ashx?id=cd76f3cd-fd67-48ec-9d6d-20536b9c6276" /></div><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_itemsHolder" style="position:absolute;top:20px;z-index:1;left:0px;width:100%;font-family:Verdana;font-size:8.75pt;font-style:normal;font-weight:normal;"><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_i0" class="eo_css_ctrl_ctl00_bh_tc_p5_AttachmentsBox_Grid15" style="height:20px;"><div style="position:relative;height:100%;"><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_i0_c0" gridLineApplied="true" style="position:absolute;left:0px;top:0px;height:100%;width:300px;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #dcdfe4;border-bottom:1px solid #dcdfe4;;z-index:5;"><div style="height:100%;width:auto;" class="eo_css_ctrl_ctl00_bh_tc_p5_AttachmentsBox_Grid18"></div></div><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_i0_c1" gridLineApplied="true" style="position:absolute;left:300px;top:0px;height:100%;width:90px;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #dcdfe4;border-bottom:1px solid #dcdfe4;;z-index:4;"><div style="height:100%;width:auto;" class="eo_css_ctrl_ctl00_bh_tc_p5_AttachmentsBox_Grid18"></div></div><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_i0_c2" gridLineApplied="true" style="position:absolute;left:390px;top:0px;height:100%;width:100px;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #dcdfe4;border-bottom:1px solid #dcdfe4;;z-index:3;"><div style="height:100%;width:auto;" class="eo_css_ctrl_ctl00_bh_tc_p5_AttachmentsBox_Grid18"></div></div><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_i0_c3" gridLineApplied="true" style="position:absolute;left:490px;top:0px;height:100%;width:55px;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #dcdfe4;border-bottom:1px solid #dcdfe4;;z-index:2;"><div style="height:100%;width:auto;" class="eo_css_ctrl_ctl00_bh_tc_p5_AttachmentsBox_Grid18"></div></div><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_i0_c4" gridLineApplied="true" style="position:absolute;left:545px;top:0px;height:100%;width:55px;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #dcdfe4;border-bottom:1px solid #dcdfe4;;z-index:1;"><div style="height:100%;width:auto;" class="eo_css_ctrl_ctl00_bh_tc_p5_AttachmentsBox_Grid18"></div></div></div></div><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_i1" class="eo_css_ctrl_ctl00_bh_tc_p5_AttachmentsBox_Grid15" style="height:20px;"><div style="position:relative;height:100%;"><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_i1_c0" gridLineApplied="true" style="position:absolute;left:0px;top:0px;height:100%;width:300px;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #dcdfe4;border-bottom:1px solid #dcdfe4;;z-index:5;"><div style="height:100%;width:auto;" class="eo_css_ctrl_ctl00_bh_tc_p5_AttachmentsBox_Grid18"></div></div><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_i1_c1" gridLineApplied="true" style="position:absolute;left:300px;top:0px;height:100%;width:90px;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #dcdfe4;border-bottom:1px solid #dcdfe4;;z-index:4;"><div style="height:100%;width:auto;" class="eo_css_ctrl_ctl00_bh_tc_p5_AttachmentsBox_Grid18"></div></div><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_i1_c2" gridLineApplied="true" style="position:absolute;left:390px;top:0px;height:100%;width:100px;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #dcdfe4;border-bottom:1px solid #dcdfe4;;z-index:3;"><div style="height:100%;width:auto;" class="eo_css_ctrl_ctl00_bh_tc_p5_AttachmentsBox_Grid18"></div></div><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_i1_c3" gridLineApplied="true" style="position:absolute;left:490px;top:0px;height:100%;width:55px;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #dcdfe4;border-bottom:1px solid #dcdfe4;;z-index:2;"><div style="height:100%;width:auto;" class="eo_css_ctrl_ctl00_bh_tc_p5_AttachmentsBox_Grid18"></div></div><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_i1_c4" gridLineApplied="true" style="position:absolute;left:545px;top:0px;height:100%;width:55px;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #dcdfe4;border-bottom:1px solid #dcdfe4;;z-index:1;"><div style="height:100%;width:auto;" class="eo_css_ctrl_ctl00_bh_tc_p5_AttachmentsBox_Grid18"></div></div></div></div><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_i2" class="eo_css_ctrl_ctl00_bh_tc_p5_AttachmentsBox_Grid15" style="height:20px;"><div style="position:relative;height:100%;"><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_i2_c0" gridLineApplied="true" style="position:absolute;left:0px;top:0px;height:100%;width:300px;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #dcdfe4;border-bottom:1px solid #dcdfe4;;z-index:5;"><div style="height:100%;width:auto;" class="eo_css_ctrl_ctl00_bh_tc_p5_AttachmentsBox_Grid18"></div></div><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_i2_c1" gridLineApplied="true" style="position:absolute;left:300px;top:0px;height:100%;width:90px;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #dcdfe4;border-bottom:1px solid #dcdfe4;;z-index:4;"><div style="height:100%;width:auto;" class="eo_css_ctrl_ctl00_bh_tc_p5_AttachmentsBox_Grid18"></div></div><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_i2_c2" gridLineApplied="true" style="position:absolute;left:390px;top:0px;height:100%;width:100px;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #dcdfe4;border-bottom:1px solid #dcdfe4;;z-index:3;"><div style="height:100%;width:auto;" class="eo_css_ctrl_ctl00_bh_tc_p5_AttachmentsBox_Grid18"></div></div><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_i2_c3" gridLineApplied="true" style="position:absolute;left:490px;top:0px;height:100%;width:55px;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #dcdfe4;border-bottom:1px solid #dcdfe4;;z-index:2;"><div style="height:100%;width:auto;" class="eo_css_ctrl_ctl00_bh_tc_p5_AttachmentsBox_Grid18"></div></div><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_i2_c4" gridLineApplied="true" style="position:absolute;left:545px;top:0px;height:100%;width:55px;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #dcdfe4;border-bottom:1px solid #dcdfe4;;z-index:1;"><div style="height:100%;width:auto;" class="eo_css_ctrl_ctl00_bh_tc_p5_AttachmentsBox_Grid18"></div></div></div></div><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_i3" class="eo_css_ctrl_ctl00_bh_tc_p5_AttachmentsBox_Grid15" style="height:20px;"><div style="position:relative;height:100%;"><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_i3_c0" gridLineApplied="true" style="position:absolute;left:0px;top:0px;height:100%;width:300px;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #dcdfe4;border-bottom:1px solid #dcdfe4;;z-index:5;"><div style="height:100%;width:auto;" class="eo_css_ctrl_ctl00_bh_tc_p5_AttachmentsBox_Grid18"></div></div><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_i3_c1" gridLineApplied="true" style="position:absolute;left:300px;top:0px;height:100%;width:90px;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #dcdfe4;border-bottom:1px solid #dcdfe4;;z-index:4;"><div style="height:100%;width:auto;" class="eo_css_ctrl_ctl00_bh_tc_p5_AttachmentsBox_Grid18"></div></div><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_i3_c2" gridLineApplied="true" style="position:absolute;left:390px;top:0px;height:100%;width:100px;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #dcdfe4;border-bottom:1px solid #dcdfe4;;z-index:3;"><div style="height:100%;width:auto;" class="eo_css_ctrl_ctl00_bh_tc_p5_AttachmentsBox_Grid18"></div></div><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_i3_c3" gridLineApplied="true" style="position:absolute;left:490px;top:0px;height:100%;width:55px;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #dcdfe4;border-bottom:1px solid #dcdfe4;;z-index:2;"><div style="height:100%;width:auto;" class="eo_css_ctrl_ctl00_bh_tc_p5_AttachmentsBox_Grid18"></div></div><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_i3_c4" gridLineApplied="true" style="position:absolute;left:545px;top:0px;height:100%;width:55px;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #dcdfe4;border-bottom:1px solid #dcdfe4;;z-index:1;"><div style="height:100%;width:auto;" class="eo_css_ctrl_ctl00_bh_tc_p5_AttachmentsBox_Grid18"></div></div></div></div><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_i4" class="eo_css_ctrl_ctl00_bh_tc_p5_AttachmentsBox_Grid15" style="height:20px;"><div style="position:relative;height:100%;"><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_i4_c0" gridLineApplied="true" style="position:absolute;left:0px;top:0px;height:100%;width:300px;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #dcdfe4;border-bottom:1px solid #dcdfe4;;z-index:5;"><div style="height:100%;width:auto;" class="eo_css_ctrl_ctl00_bh_tc_p5_AttachmentsBox_Grid18"></div></div><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_i4_c1" gridLineApplied="true" style="position:absolute;left:300px;top:0px;height:100%;width:90px;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #dcdfe4;border-bottom:1px solid #dcdfe4;;z-index:4;"><div style="height:100%;width:auto;" class="eo_css_ctrl_ctl00_bh_tc_p5_AttachmentsBox_Grid18"></div></div><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_i4_c2" gridLineApplied="true" style="position:absolute;left:390px;top:0px;height:100%;width:100px;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #dcdfe4;border-bottom:1px solid #dcdfe4;;z-index:3;"><div style="height:100%;width:auto;" class="eo_css_ctrl_ctl00_bh_tc_p5_AttachmentsBox_Grid18"></div></div><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_i4_c3" gridLineApplied="true" style="position:absolute;left:490px;top:0px;height:100%;width:55px;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #dcdfe4;border-bottom:1px solid #dcdfe4;;z-index:2;"><div style="height:100%;width:auto;" class="eo_css_ctrl_ctl00_bh_tc_p5_AttachmentsBox_Grid18"></div></div><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_i4_c4" gridLineApplied="true" style="position:absolute;left:545px;top:0px;height:100%;width:55px;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #dcdfe4;border-bottom:1px solid #dcdfe4;;z-index:1;"><div style="height:100%;width:auto;" class="eo_css_ctrl_ctl00_bh_tc_p5_AttachmentsBox_Grid18"></div></div></div></div><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_i5" class="eo_css_ctrl_ctl00_bh_tc_p5_AttachmentsBox_Grid15" style="height:20px;"><div style="position:relative;height:100%;"><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_i5_c0" gridLineApplied="true" style="position:absolute;left:0px;top:0px;height:100%;width:300px;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #dcdfe4;border-bottom:1px solid #dcdfe4;;z-index:5;"><div style="height:100%;width:auto;" class="eo_css_ctrl_ctl00_bh_tc_p5_AttachmentsBox_Grid18"></div></div><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_i5_c1" gridLineApplied="true" style="position:absolute;left:300px;top:0px;height:100%;width:90px;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #dcdfe4;border-bottom:1px solid #dcdfe4;;z-index:4;"><div style="height:100%;width:auto;" class="eo_css_ctrl_ctl00_bh_tc_p5_AttachmentsBox_Grid18"></div></div><div id="ctl00_bh_tc_p5_AttachmentsBox_Grid1_i5_c2" gridLineApplied="true"
|
Rank: Administration Groups: Administration
Joined: 5/27/2007 Posts: 24,194
|
Hi,
Make sure you give the Grid a fixed height (for example, 300px instead of 100%). That will limit the amount of output created by the Grid. We are aware of the complexity of the output HTML but unfortunately that is necessary to support all the features such as scrolling and column resizing. :(
Thanks!
|