This is a migrated thread and some comments may be shown as answers.

ascx as tooltip & combobox

7 Answers 101 Views
ToolTip
This is a migrated thread and some comments may be shown as answers.
Mark
Top achievements
Rank 1
Mark asked on 30 Sep 2008, 03:02 PM
Hi,
My tooltip displays my control, which contains radtextbox, checkbox and a radcombobox.
All are fine except the radcombobox is hidden behind the tooltip control when fired ?

Any ideas please ?

Thanks
Mark

7 Answers, 1 is accepted

Sort by
0
Serrin
Top achievements
Rank 1
answered on 30 Sep 2008, 07:23 PM
Hey Mark,

Have you tried messing with the z-index at all?  I usually find that's at fault when I get controls covering other controls. :)

Here are the defaults...

  • RadToolTip - 8000
  • RadCombo - 6000
  • So if you up the z-index on the Combobox to like 8500, you should be in the clear.  Per the docs you can do this from RadControls AJAX Q1 2008 using the style tag:

    style="z-index: 8500"

    :)

    0
    Mark
    Top achievements
    Rank 1
    answered on 01 Oct 2008, 08:47 AM
    Hi Serrin,

    That makes sense, unfortunately it didn't seem to make any difference.
    The combobox is still hidden.

    I cant see any of the combobox, until i click where the drop-down button is (guessing location!) and the bottom of the dropdown list can be visible below the tooltip !?

    Thanks
    Mark
    0
    Mark
    Top achievements
    Rank 1
    answered on 01 Oct 2008, 08:54 AM
    Hmmm...

    I have now added an "EmptyMessage" and this IS visible. If i click it the dropdownlist IS visible.
    However, the combobox itself (border and dropdown) are hidden ?!

    Mark
    0
    Svetlina Anati
    Telerik team
    answered on 01 Oct 2008, 11:49 AM
    Hi Mark,

    I assume that the problem comes from the fact that the RadComboBox inherits some styles from the tooltip. What I can suggest in this case is to put the arrow image (you can take it from the skin) in your project and set it as background in the appropriate class. 

    I attached a sample demo which shows the integration of RadToolTip and RadComboBox. It also contains a script which closes the dropdon when the tooltip hides.

    In case your problem persists, please open a new support ticket and send a sample, fully working reproduction project (or modified the attached) and send it to me along with a detailed description of the desired behavior. 

    Greetings,
    Svetlina
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
    0
    Mark
    Top achievements
    Rank 1
    answered on 02 Oct 2008, 09:20 AM
    Hi,

    It also does the same for the GridDropDownColumn of the radgrid !

    Within the edit form, the combobox is also hidden behind the tooltip, yet the grid itself isn't.

    Mark
    0
    Mark
    Top achievements
    Rank 1
    answered on 02 Oct 2008, 01:59 PM
    Hi,
    also does the same for RadDateTimePicker... the control is visible, but when i select the calendar to view the popup, its behind the tooltip control.

    Mark
    0
    Svetlina Anati
    Telerik team
    answered on 03 Oct 2008, 09:37 AM
    Hello Mark,

    I already answered your support ticket and for your convenience I pasted my reply below:


    Thank you for the provided project but unfortunately I was not able to run it - I commented a lot of code, bound the grid to the Nortwind database (you did not send a database), remove the declaration of a missing user control, etc but it still could not be successfully run.

    I prepared a sample demo project, similar to yours and I was able to reproduce the problems with the dropdowns hidden behind the tooltip there. As you have found out yourself, it is caused by the  highest z-index of the tooltip. I set z-index:3000 to the RadToolTipManager and this fixed the problem:

       <telerik:RadToolTipManager ID="tipSET" runat="server" Style="z-index: 3000" ManualClose="true">  
            </telerik:RadToolTipManager> 

    As to the problem concerning the RadComboBox, I was not able to reproduce the borders problem but I observed the problem with the dropdown arrow. It is caused by the fact that the combobox inherits some styles from the tooltip. You can easily fix it by inserting the missing image in your project form the desired skin and set it as a background image to the appropriate class (you can find the class by using the IEDevToolBar or Firebug tools) - in my test project it is like the following one:

    <style type="text/css">  
        .rcbArrowCell.rcbArrowCellRight  
        {  
          background-imageurl(rcbArrowCell.gif) !important;  
        }  
        </style> 

    For your convenience I attached my test project to the thread. In case you need further assistance, modify it in order to reproduce the problem and send it to me - please, note that the project should be fully runnable. Let me know how it goes.


    Regards,
    Svetlina
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
    Tags
    ToolTip
    Asked by
    Mark
    Top achievements
    Rank 1
    Answers by
    Serrin
    Top achievements
    Rank 1
    Mark
    Top achievements
    Rank 1
    Svetlina Anati
    Telerik team
    Share this question
    or