First of all sorry if this is in the wrong place, I do have a custom skin/container that I'm using for this issue.
Hopefully I can explain what I'm trying to do well enough. I'm using a Reporting Services module that uses Microsoft Report Viewer. A common issue with this report viewer is that it ends up bleeding past the container. See the image below. the highlighted part is the bottom of the container.
I have a css fix for it but only if I can some how find the element that gets dynamically created when I add the module to the page and script in some css style for it. The following css fixes it but notice the dnn_ctr1826 part that gets created every time I create a new page with this module in it and will obviously be changed since it's a different instance of the module.
Code:
#dnn_ctr1826_ContentPane {float:left; padding-top:50px; margin-left:58px;}
#dnn_ctr1826_ViewRS2005_ReportViewer1_fixedTable {float:left; padding-top:20px; padding-bottom:50px;}
Not sure if Javascript is the best way to fix this issue or not. I am definitely hoping for good suggestions, I'm a little out of my element since I just started web programming and javascript.
I've played around with a few things and I am able to get the javascript into my skin but I'm guessing trying to find these dynamic controls is going to be a pain and not sure if I can even do it since they are most likely using the runat="server" property.
Anyone have any suggestions?
Thanks,
Ian