ascx as tooltip & combobox

[Mark]

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

[Serrin]

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"

:)

[Mark]

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

[Mark]

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

[Svetlina Anati]

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.

[Mark]

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

[Mark]

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

[Svetlina Anati]

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-image: url(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.