RatToolTip inside RadRotator

[Saurel]

Hello, i'm using RadToolTip inside a very basic images RadRotator. RadToolTip always appears inside rotator. I've tried to change RadToolTip z-index value but it doesn't fix the problem.

Any tips ?

Thaks

 

[Georgi Tunev]

Hi Saurel,

I tried to reproduce the problem locally but everything is working fine on my side. Could you please provide more details about your exact setup? It will be best if you send us a small sample project where the problem can be reproduced - we will check it and get back to you right away. Just open a new support ticket and attach the zipped project (make sure it can be run locally) there.



Kind regards,
Georgi Tunev
the Telerik team

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

[Saurel]

Hi, thanks for replying; you will find a sample designer source code below.

Regards

<table>
    <tr>
        <td class="style1" >
            <asp:TextBox id="txtDescription" runat="server" Columns="20" Rows="20"
                ReadOnly="true" Height="300px" Width="300px"></asp:TextBox>
        </td>
        <td valign="top">
            <telerik:RadRotator ID="rotateur" runat="server" Height="377px" Width="150px"
                RotatorType="ButtonsOver" ScrollDirection="Down,Up" WrapFrames="false">
                <ItemTemplate>
                    <div style="text-align:center; margin:5px;">
                    <asp:Image id="imgProgramme" runat="server"  Width="100" Height="80"/>
                    <telerik:RadToolTip ID="rttProgramme" runat="server" TargetControlID="imgProgramme">
                        <asp:Image id="rttImgProgramme" runat="server" />
                    </telerik:RadToolTip>
                    </div>
                </ItemTemplate>
            </telerik:RadRotator>
        </td>
    </tr>
</table>

[Georgi Tunev]

Hello Saurel,

Thank you for the code. The reason for this behavior is that the tooltip control is inside your item template - move the RadToolTip declaration outside of it and it will be shown as expected.



Regards,
Georgi Tunev
the Telerik team

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

[Tree]

I think Georgi may have misunderstood what Samuel was looking for.

 

I'm guessing that Samuel wanted to bind a tooltip to the data source for the rotator but the problem is that since the tooltip in declared inside the rotator item template, the element hierarchy places the tooltip inside the bounding div of the rotator items.  The tooltip therefore gets clipped.

 

I'm trying to get this to work by fooling around with position:absolute css on the tooltip but haven't had any luck yet.

 

Is there a trick to getting a tooltip to expand when declared inside a RadRotator?

[Lini]

Hi,

What I can recommend is to set the Text property of the tooltip and also set its width/height. This seems to help in my test scenario - the tooltip appears on top of the rotator as expected.

Sincerely yours,
Lini
the Telerik team

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

[RobDob]

Hi,

YEs that solves the problem but what about if you wish to use a custom format from within side, perhasps include a picture..  Is there not another solution..

Thanks,

[Fiko]

Hello RobDob,

I have already answered you in this forum thread.

I hope this helps.

Kind regards,
Fiko
the Telerik team

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