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,
You can get the WebTab control like this:
- $find("<%=WebTab1.ClientID%>") - get the client id, although this will not work for you either
- $find("WebTabID"); -This will get the control without a problem
If you have any other questions, ask me!
Hi Zdravko,Thanks so much once again for your response.I tried your sample code and it worked for me too but the issue I am facing right now is that my js code is in external js file. So, I am not able to access the webtab ig control using the below code:-
ig_controls.WebTab1
Could you please have a look into the issue and let me know about it.
Looking forward to your response!
Hello, I am still following your case. Have you been able to resolve the issue? If you have any concerns or questions, please feel free to contact me, I will be glad to help you.
Thank you for your patience!
I have managed to accomplish your requirements. I have made you a sample, where we have WebTab control with two tabs, the first tab have ContentUrl, and the second is with simple Template. There is a button that is used for hiding the rows from the two tables one for each tab.
When ContentUrl is used, the control generate automatically iframe, and that iframe cause the problem with autoresizing, because he have fixed height. I am using jQuery to set the iframe height every time when we hide row.
Code snipped:
I hope this will be helpful to you.
If you have any further questions, please contact me!
Hello koneal,
I am currently looking into this issue. I will give you a progress update concerning this matter by tomorrow.