Width of td containing a.windowicon

[Dave]

Hi guys,

I would like to have a RadWindow with no Window Icon.  I successfully removed it via CSS, but the actual table cell still seems to render a width (inline style).  Here is what I saw in the source:

<table style="height: 410px;" cellpadding="0" cellspacing="0">
<tbody>
<tr class="titlerow">
<td style="cursor: nw-resize;" class="corner topleft">&nbsp;</td>
<td style="cursor: move;" class="titlebar">
<div style="cursor: n-resize;" class="topresize"><!-- / --></div>
<table class="titlebarcontrols" align="left" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="width: 21px;"><a class="windowicon"></a></td><
td><em unselectable="on">

You can see that it's set to 21px.  Any way to get rid of this?  Unfortunately the particular td in question does not have its own CSS class.  Thanks!

[Georgi Tunev]

Hi Dave,

With the current version of the control, this is not possible. Can you please let us know why you need to remove this cell?



All the best,
Georgi Tunev
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Dave]

I'd like to remove this cell so I can eliminate extra space in the titlebar.  At least in FF3 there is a space in the top-left even if the icon isn't shown.

[Georgi Tunev]

Hello Dave,

I am afraid you cannot do that. Note that even if you can remove this cell, it will mess up the rendering of the toolbar.



Kind regards,
Georgi Tunev
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Dave]

Hi Georgi,

I don't necessarily want to remove it, I just want to give it a width that doesn't interfere with the rest of the titlebar.

Thanks,
Dave

[Georgi Tunev]

Hello Dave,

You can try with the following style set somewhere in the body:

<style type=text/css>
td[style="width: 21px;"]
{
    display:none;
}
</style>

although I am not quite sure if this will work with IE6.


Regards,
Georgi Tunev
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[virt]

Try to shift the title text using:

div.RadWindow_AsiSkin .rwTitlebarControls em{
margin-left: -16px;
}

You can change -16px to whatever dimensions you need.

Hope it helps,
Andrei

[Georgi Tunev]

Hello virt,

This will not produce consistent result in different browsers - that is the reason why we did not suggested it. Of course, if the result satisfies your requirements, you could use this approach.


Regards,
Georgi Tunev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.