Questions on UI for ASP.NET AJAX Forum

6 answers

121 views

Why is it that colourizing some skins appears to have no effect?

If I go in to VSB and create a skin based on, say, Office2007, pick Grid and colourize (and save) using, as an example, #00ff33 as the base colour, the "Colourization Done" window pops up and going to fine tune shows my Green coloured skin.

If I do the same thing but base my new skin on the "Default" skin then fine tuning the Grid skin after colourizing it shows a skin that looks identical to the original. I've not been through all the controls but Grid, Menu, ToolBar and PanelBar all seem unchanged. Editor shows changes in the tool icons but not the skin itself.

--
Stuart

Visual Style Builder

answered on 05 Aug 2010

1 answer

289 views

[Solved] OnMouseOver ComboBox

How to make radcomboBox open dropdownlist on mouseover and close the list when mouse is out the combobox dropdownlist?
I did the following :

<script type="text/javascript">

function ToggleDropDown() {

var combo = $find("<%= RadComboBoxSearch.ClientID %>");

combo.showDropDown();

}

function closeDropDown() {

var combo = $find("<%= RadComboBoxSearch.ClientID %>");

combo.hideDropDown();

}

</script>

and in code behind

RadComboBoxSearch.Attributes.Add(

"onmouseover", "ToggleDropDown();")

RadComboBoxSearch.Attributes.Add(

"onmouseut", "CloseDropDown();")

but by doing that when mouse is over the combo the list opens but when i go with mouse over the list it closes without being able to select anything.I need to close the combolist when mouse is out the combolist and not out the combo itself

ComboBox

answered on 05 Aug 2010

5 answers

140 views

selectedvalue sometimes empty with automaticloadondemand

i have a combobox that is using automaticalloadondemand. sometimes the value of selectedvalue is present and sometimes it is absent - there does not seem to be a rhyme or reason to it - but when it is absent the text value has what is in the combobox but any of the "Selected" values such as selectedindex and selectedvalue act like nothing is selected. is this a bug? if or if it is not a bug how do I work around this? I have many comboboxes with this on a page and need to only load them if the user clicks in them but I want to reliably get the value.

I am using the latest 2010 version of telerik with the combobox within an updatepanel inside a user control which is loaded on a page that has a masterpage

<telerik:RadComboBox ID="MyRadComboBox" runat="server" Width="200px" Height="100px"

MarkFirstMatch="True" DataSourceID="MyObjectDataSource" EnableAutomaticLoadOnDemand="true"

EmptyMessage="Select Something If You Want To" DataTextField="name" DataValueField="id">

</telerik:RadComboBox>

ComboBox

answered on 05 Aug 2010

3 answers

170 views

How to Change GridGroupHeaderItem Font Size?

How to Change GridGroupHeaderItem Font Size?

am using This Way ..
protected void rgMyFile_ItemCreated(object sender, GridItemEventArgs e)
    {
        if (e.Item is GridGroupHeaderItem)
        {

            (e.Item as GridGroupHeaderItem).Font.Size = FontUnit.Point(30);
            (e.Item as GridGroupHeaderItem).Font.Bold = true;
        }
    }
but its Not Working
protected void rgMyFile_ItemDataBound(object sender, Telerik.Web.UI.GridItemEventArgs e)
    {

if (e.Item is GridGroupHeaderItem)
        {
            GridGroupHeaderItem item = e.Item as GridGroupHeaderItem;
             e.Item.Font.Size = FontUnit.Point(430);
            e.Item.Font.Bold = true;
            e.Item.CssClass = "bold";
        }
}

using This way also not Working.
give me any solution

Grid

answered on 05 Aug 2010

3 answers

193 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

140 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

150 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

70 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

300 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

185 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