Before upgrading to the ASP.NET Ajax Controls, I was able to set the height of the header for a sliding pane by creating a custom skin. I have been trying to replicate this with the Ajax controls, with no luck so far.
Looking at the markup that is rendered to the browser, the slide header appears to be contained in a table row with the class name rspSlideHeader. I have tried setting the height for this class, and for any child td tags, to 20px. However when I view the page, the slide header still appears to have a height of about 25px. I cannot figure out where the extra 5 pixels is coming from. I have also tried setting padding and margin to 0 in a bunch of places.
I am creating my skin by editing the Outlook skin. Can you please advise how I can modify that skin so that a sliding pane will have a header with a height of 20px.
Thanks,
Kory
Looking at the markup that is rendered to the browser, the slide header appears to be contained in a table row with the class name rspSlideHeader. I have tried setting the height for this class, and for any child td tags, to 20px. However when I view the page, the slide header still appears to have a height of about 25px. I cannot figure out where the extra 5 pixels is coming from. I have also tried setting padding and margin to 0 in a bunch of places.
I am creating my skin by editing the Outlook skin. Can you please advise how I can modify that skin so that a sliding pane will have a header with a height of 20px.
Thanks,
Kory
1 Answer, 1 is accepted
0
Kory
Top achievements
Rank 1
Rank 1
answered on 27 Sep 2009, 09:50 PM
I finally got it. I had to put the height attribute in the rspSlideTitle class, and use !important.