We have one WebTab and inside one tab we have a child page, which has a asp dropdownlist and a table. Now on change of the dropdown values we are hiding/showing one of the table rows on client side in a external js file. Now the issue is that when the tab loads with the table row opened and then we hide the row on change of the drop down, after that we are getting a huge white space inside the tab. This is happening since the webtab height remains the same as it was onload, but the content height inside the tab has decreased, due to hiding the table row.Could someone please help us and let us know, how we can set the webtab height based on the content height inside the WebTab using javascript/jQuery?
Hello koneal,
I'm just checking if you have resolved your issue. If there is anything that I could help you with, please let me know.
Hello,
I investigated your sample, and determined that you want to get the controls from the ContentURL Page. In order to do that you need to use window.parent.ig_controls.WebTab1 this is because it is generated iframe and you need to go to the parent of that iframe.
Now this selector will work too window.parent.$find("WebTab1").
This is code snipped from your sample:
If you have any further questions, do not hesitate to contact me!
Hi,Please find the Sample attached.Hope this would help!
Could you please send me isolated sample in order to further investigate your issue, because I don't know when you try to get the WebDataGrid, before or after the control initialization.
This will be highly appreciated!
Hi,
I tried this as you have said
var webtab = $find("<%=WebTab1.ClientID%>");alert(webtab);
Above lines are in the external .js file but the alert always shows null.
Also, I tried
var webtab = $find("WebTabID");;alert(webtab);
Again, the alert shows null.