[Solved] The popup button vanished!

[Steven]

Really weird problem.  The popup icon on my calendar controls in my entire application have vanished.  They are vanished in the IDE,they are vanished when we push it out to the server.

The "placeholder" is still there, it still has the pointer cursor, and if you click it it works...but there is no visible image there...just an empy space.

Changing Skins does not help.

We have a huge demo coming up and this looks ridiculous.

Thanks

Steve

[Steven]

Additonal Info:

I switched to Default 2006 skin, and noticed that now the image that shows up in the space is the << arrows, like the ones that show up in the header of the calendar control.

Also, we didn't notice this problem until after we upgraded from Q2 to Q3

Thanks,

Steve

[Dimo]

Hi Steven,

This is a CSS-related problem in Q3 2008 SP1, which occurs if you use custom images as popup buttons. Please excuse us for this issue.

You can open a new support ticket and request a dev hotfix, or add the following CSS rule to your web application as a workaround:

.RadPicker_SkinName td a
{
     text-indent: 0 !important ;
     background: none transparent !important;
     display: inline !important;
}

Please note that this workaround should be used only if all your date/time pickers use custom images.


Best wishes,
Dimo
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Steven]

Dimo, Thanks

However to the best of my knowledge NONE of our date time pickers should use custom images :/

Where can i check that?

Thanks.

Steve

[Steven]

N/M.

Found the offending line:

     <telerik:RadDatePicker ID="calDate" runat="server" Skin="Default2006">
            <DateInput LabelCssClass="riLabel radLabelCss_Web20" Skin="Web20">
            </DateInput>
            <Calendar ShowRowHeaders="False" Skin="Default2006" UseColumnHeadersAsSelectors="False"
                UseRowHeadersAsSelectors="False" ViewSelectorText="x">
            </Calendar>
            <DatePopupButton CssClass="radPopupImage_Web20" HoverImageUrl="" ImageUrl="" />
        </telerik:RadDatePicker>

Took out the CssClass Attribute from DatePopupButton

[Dimo]

Hi Steven,

Well, if you are not using custom popup images, the popup buttons should appear as expected. Indeed, you needed to remove this CSS class, because it is not used any more, as described in this help article:

http://www.telerik.com/help/aspnet-ajax/appearance-skin-migration.html

Greetings,
Dimo
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Sid]

Hi Dimo,

I have the same issue. I am not using any custom images.

When I give the CSS you specified.. The popup appears. 

	.RadPicker_SkinName td a
	{
	text-indent: 0 !important ;
	background: none transparent !important;
	display: inline !important;
	}

But the text "Open the Calendar popup" also appears as static text on the image which I cannot get rid of. 

Can you suggest how to remove this text from the top of the image.

thanks...

Sid

[Dimo]

Hi Sid,

In order to remove the DatePopupButton tooltip, please set

<telerik:RadDatePicker>
    <DatePopupButton  ToolTip=""  />
</telerik:RadDatePicker>

Kind regards,
Dimo
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.

[Sid]

found the solution..

added the following line to the css file..

	.RadPicker_Default table.rcTable .rcInputCell
	{
	width:80% !important;
	}