Questions on UI for ASP.NET AJAX Forum

3 answers

202 views

RadComboBoxDropDown and position problem

When i click on the combobox to show the items the box list opens in a different location and not under the box.
This is the skin am using :

/* RadComboBox Simple skin */

/*global*/

.RadComboBox_comboSkin,

.RadComboBox_comboSkin .rcbInput,

.RadComboBoxDropDown_comboSkin

{

font-family:Tahoma;

font-size:8pt;

color: white;

text-align:center;

font-weight:bold;

}

/* combobox */

div.RadComboBox_comboSkin table td.rcbInputCell

{

height:25px;

line-height: 25px;

BACKGROUND-IMAGE: url('ComboBox/list-bg.png');

BACKGROUND-COLOR: transparent;

BACKGROUND-REPEAT: no-repeat;

text-align:center;

}

* html div.RadComboBox_comboSkin table td.rcbInputCell

{

height /**/: 25px;

line-height /**/: 25px;

text-align:center;

}

div.RadComboBox_comboSkin table td.rcbInputCellLeft { border-width: 1px 0 1px 1px; }

div.RadComboBox_comboSkin table td.rcbInputCellRight { border-width: 1px 1px 1px 0; }

div.RadComboBox_comboSkin table td.rcbArrowCell

{

border: none;

background: #fff url('ComboBox/cursor-bg.png') no-repeat -1px 50%;

text-align:center;

}

div.RadComboBox_comboSkin .rcbReadOnly .rcbArrowCellLeft,

div.RadComboBox_comboSkin .rcbArrowCellHidden.rcbArrowCellLeft { border-width: 1px 0 1px 1px; }

div.RadComboBox_comboSkin .rcbReadOnly .rcbArrowCellRight,

div.RadComboBox_comboSkin .rcbArrowCellHidden.rcbArrowCellRight { border-width: 1px 1px 1px 0; }

.RadComboBox_comboSkin td.rcbArrowCell {

}

.RadComboBox_comboSkin .rcbHovered .rcbArrowCell {

}

.RadComboBox_comboSkin .rcbFocused .rcbArrowCell {

}

.RadComboBox_comboSkin .rcbDisabled .rcbArrowCell { }

.RadComboBox_comboSkin .rcbReadOnly td.rcbArrowCell { }

.RadComboBox_comboSkin .rcbHovered .rcbReadOnly .rcbArrowCell { }

.RadComboBox_comboSkin .rcbFocused .rcbReadOnly .rcbArrowCell { }

.RadComboBox_comboSkin .rcbDisabled .rcbReadOnly .rcbArrowCell { }

.RadComboBox_comboSkin td.rcbArrowCellHidden,

.RadComboBox_comboSkin .rcbHovered td.rcbArrowCellHidden,

.RadComboBox_comboSkin .rcbFocused td.rcbArrowCellHidden,

.RadComboBox_comboSkin .rcbReadOnly td.rcbArrowCellHidden,

.RadComboBox_comboSkin .rcbHovered .rcbReadOnly .rcbArrowCellHidden,

.RadComboBox_comboSkin .rcbFocused .rcbReadOnly .rcbArrowCellHidden,

.RadComboBox_comboSkin .rcbDisabled .rcbReadOnly .rcbArrowCellHidden,

.RadComboBox_comboSkin table.rcbDisabled td.rcbArrowCellHidden { }

.RadComboBox_comboSkin .rcbHovered .rcbArrowCell,

.RadComboBox_comboSkin .rcbHovered .rcbReadOnly .rcbInputCell,

.RadComboBox_comboSkin .rcbHovered .rcbReadOnly .rcbArrowCellHidden { }

.RadComboBox_comboSkin .rcbFocused .rcbArrowCell,

.RadComboBox_comboSkin .rcbFocused .rcbReadOnly .rcbInputCell,

.RadComboBox_comboSkin .rcbFocused .rcbReadOnly .rcbArrowCellHidden { }

div.RadComboBox_comboSkin .rcbHovered .rcbArrowCell,

div.RadComboBox_comboSkin .rcbHovered .rcbInputCell { border-color: #E4E4E4; }

div.RadComboBox_comboSkin .rcbFocused .rcbArrowCell,

div.RadComboBox_comboSkin .rcbFocused .rcbInputCell {}

div.RadComboBox_comboSkin .rcbDisabled .rcbArrowCell,

div.RadComboBox_comboSkin .rcbDisabled .rcbInputCell { }

div.RadComboBox_comboSkin .rcbArrowCell a

{

height: 25px;

}

div.RadComboBox_comboSkin td.rcbArrowCellHidden,

div.RadComboBox_comboSkin .rcbArrowCellHidden a

{

width: 1px;

}

div.RadComboBox_comboSkin td.rcbArrowCellHidden.rcbArrowCellRight

{

border-left: 0;

}

/* Read-only styles */

/* dropdown */

.RadComboBoxDropDown_comboSkin

{

background: #fff;

}

.RadComboBoxDropDown_comboSkin .rcbHeader,

.RadComboBoxDropDown_comboSkin .rcbFooter

{

background: #e4e4e4;

color: #000;

}

.RadComboBoxDropDown_comboSkin .rcbHeader

{

}

.RadComboBoxDropDown_comboSkin .rcbFooter

{

}

.RadComboBoxDropDown_comboSkin .rcbItem em

{

}

div.RadComboBoxDropDown_comboSkin .rcbHovered

{

}

.RadComboBoxDropDown_comboSkin .rcbSeparator

{

}

.RadComboBox_comboSkin .rcbDisabled .rcbInputCell .rcbInput,

.RadComboBoxDropDown_comboSkin .rcbDisabled

{

}

.RadComboBoxDropDown_comboSkin .rcbLoading

{

}

.RadComboBoxDropDown_comboSkin .rcbMoreResults

{

}

.RadComboBoxDropDown_comboSkin .rcbMoreResults a

{

text-align:center;

}

DIV.RadComboBox_comboSkin .rcbInputCell {

BACKGROUND-IMAGE: url('ComboBox/list-bg.png');

BACKGROUND-COLOR: transparent;

BACKGROUND-REPEAT: no-repeat;

text-align:center;

}

DIV.RadComboBox_comboSkin .rcbInput {

FONT-FAMILY: tahoma;

COLOR: #FFFFFF;

FONT-SIZE: 8pt;

text-align:center;

}

DIV.RadComboBox_comboSkin .rcbArrowCell {

BACKGROUND-IMAGE: url('ComboBox/cursor-bg.png');

BACKGROUND-COLOR: transparent;

BACKGROUND-POSITION: -1px 80px;

COLOR: #003300;

FONT-SIZE: 8pt;

FONT-FAMILY: tahoma;

text-align:center;

}

DIV.RadComboBox_comboSkin .rcbHovered .rcbInputCell {

BACKGROUND-COLOR: transparent;

text-align:center;

}

DIV.RadComboBox_comboSkin .rcbHovered .rcbArrowCell {

BACKGROUND-COLOR: transparent;

COLOR: #FFFFFF;

text-align:center;

}

DIV.RadComboBoxDropDown_comboSkin {

BORDER-LEFT: 0px solid;

BACKGROUND-COLOR: #CCCCCC;

text-align:center;

}

DIV.RadComboBoxDropDown_comboSkin .rcbItem {

BACKGROUND-COLOR: #526b75;

FONT-FAMILY: tahoma;

COLOR: #FFFFFF;

FONT-SIZE: 8pt;

text-align:center;

}

DIV.RadComboBoxDropDown_comboSkin .rcbHovered {

}

and :

<

telerik:RadComboBox ID="RadComboBoxSearch" runat="server" Width="138px" EnableEmbeddedSkins="false" Font-Size="8pt" Font-Names="tahoma" ForeColor="White" skin="comboSkin" />

what is the problem?I want it appear directly under the box

ComboBox

answered on 05 Aug 2010

1 answer

147 views

How to get destination node when Drop on the root

I have treeview
I am dropping a node to the root (no parent)
var destinationNode = args.get_destNode();

destinationNode has value and not a null
but
destinationNode.get_nodes().get_count() is equal zero
how this make sense

I want to do some validation before dropping so i wamt to know the children of the parent node
in my case the parent should be null (as it is a root)

to avoid this problem I will check the level and if it is zero I will check all the root noed but who can I get them?

TreeView

answered on 05 Aug 2010

1 answer

153 views

EnableMarkMatches="True" only scrolling into view on first matching letter on large data list

Hello,

Consider the following RadListBox:

<telerik:RadListBox ID="listboxAvailableAgents" EnableMarkMatches="true" SelectionMode="Multiple" Height="300" Width="300" runat="server"></telerik:RadListBox>

Assume we are typing "w" on our keyboard, and we get 1 match starting with "wa" and one match starting with "wo". Both showing in the listbox at the same time.
Continuing to type in an "a" gets our match to "wa", as well, typing "o" gets our match to "wo". This works fine.

Now, assume we are typing "wa" on our keyboard and get enough matches to fill the listbox beyond its height, say 100 matches.
Now, clear the mask and type "wo" (assuming we have matches), this does not work as the "wa" to "wn" match range fill up the RadListBox beyond its height.

Is there any way to get around this without resizing the RadListBox to physically match the height of the dataset?

Regards,
Andy Snoeys

ListBox

answered on 05 Aug 2010

2 answers

73 views

Safari 5 + 5.0.1 crashes on RadWindow Close from code behind

If i close a radwindow after postback safari crashes instantly.

protected void OnSaveClick(object sender, EventArgs e)

{

ScriptManager.RegisterStartupScript(this, this.GetType(), "closeWindow", "getRadWindow().close()", true);

}

I never had this problem with older versions of safari. And it also works fine with internet explorer and firefox.
Do you have an idea how I could close the window differently, but still form code behind?

Kind regards
Andreas

Window

answered on 05 Aug 2010

5 answers

321 views

How to Localize The RadWindow - Without JavaScript?

I have found the general answer for changing the radWindow items like the close tool tip text.

    
            Telerik.Web.UI.RadWindowUtils.Localization =        
        
            {       
        
                "Close" : "Close",       
        
                "Minimize" : "Minimize",       
        
                "Maximize" : "Maximize",       
        
                "Reload" : "Reload",       
        
                "PinOn" : "Pin on",       
        
                "PinOff" : "Pin off",       
        
                "Restore" : "Restore",       
        
                "OK" : "Custom text for OK",       
        
                "Cancel" : "Custom text for Cancel",       
        
                "Yes" : "Custom Text for Yes",       
        
                "No" : "Custom text for No"         
        
            };

This solution does not work for me, as the page can be hit by users of several locals. So if I change "Close" to Spanish my English and German users will now see Spanish. I can't win.

Has the window been truly localized yet, allowing me to move this text into a resource file?

If not, can I please get a PITS ticket created for that request.

Thanks
Tim

Window

answered on 05 Aug 2010

2 answers

198 views

[Solved] How to change title of RadSlidingzone/Radslidingpane?

I have a RadPane on my form. Inside that I have a RadSlidingZone. Inside that I have a RadSlidingPane.

Inside my slidingpane I have two radComboboxes for the user to make some choices.

My question is this: once the user had made their choices in the Comboboxes, is it possible to change the Title of the RadslidingPane/Radslidingzone to be the text of the comboboxes?

I want the user to be able to see the choices that they made in the title without having to mouse-over the slidingpane to make it drop-down to be able to see what their choices were.

I've looked at using the SelectedIndexChanged event of the second combobox as well as the OnClientCollapsed property of the slidingpane (call a JScript function) but I can't figure out how to make it work.

Thanks in advance,
Mike T.

General Discussions

answered on 05 Aug 2010

6 answers

528 views

can i expand the toolbar dropdown when hovering the mouse over it and collapse the toolbar drop down when hovering the mouse out of it

hi alll

how are you

i wish anyone could help me in this problem

i have a rad toolbar on an aspx page.

the toolbar contains one rad toolbar dropdown as a child

the rad toolbar dropdown contains two rad toolbar buttons as itschilds

i want the rad toolbar dropdown to expand when i hover the mouse over it and show its child buttons
and when i hover the mouse out of the drop down i want it to collapse

also i want to be able to hover the mouse over the two child toolbar buttons of the toolbar dropdown when the dropdown is opened inorder to click on one of the buttons

i know this is available in the rad menu

but can it be done in the rad toolbar

thanks alot

ToolBar

answered on 05 Aug 2010

3 answers

89 views

Timeline view - all items for single resource on one row

On the Timeline view of the scheduler, is there a way to make all the items associated with a single resource (in my case, an employee) appear on the same horizontal row? I'd like things to look like this (forgive my attempt at ASCII art):

|-------Joe Smith (floor) -------||---Joe Smith (lunch)--||---Joe Smith (cashier)---|
|---Jane Doe (stock)---| |-----Jane Doe (cashier)------|
|--------------------------------------Jim James (manager)-------------------------------------------|

Scheduler

answered on 05 Aug 2010

2 answers

125 views

Default font

Dear Sirs!
I need to set the default font of my RadEditors to Arial. I took EditorContentArea.css file in:
C:\Program Files\Telerik\RadControls for ASP.NET AJAX Q1 2010\Skins\Common and added the property
font-family: Arial !important;

It not gave any effect.

What I did wrong?

Thank you very much in advance.

Boris

Editor

answered on 05 Aug 2010

1 answer

449 views

Is it possible to use different versions of telerik dll in same project

Hi,

Is it possible to use both dll of telerik (2008 version) and new dll telerik.web.ui.dll in same project of visual studio 2005 (.net 2.0)
I have added this new dll as per instruction given in the post. but it is not working. I need to use autosize property of radwindow which is available in new (Telerik.web.ui.dll). If it is possible to use this both then please give me some solution.

Thanks,

Window

answered on 05 Aug 2010