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

[Solved] Disable rcbReadOnly CSS

6 Answers 295 Views

ComboBox

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

6 Answers, 1 is accepted

answered on 07 Aug 2009, 12:31 PM

Hello Jon,

Thank you for contacting us.

There are several ways of doing that. The easiest way is to add this OnClientLoad handler to every RadComboBox:
function clientLoad(sender) {
$telerik.$('.rcbReadOnly', sender.get_element()).removeClass('rcbReadOnly');
}
It has a downside though - the Comboboxes will first appear normal and then will become what you want.

Another way is to use external skin which derives from the one you use - just get the Web20 skin from the hotfix archive and remove every CSS style that has rcbReadOnly in it - that should be enough.

Let me know how it goes.

Greetings,
Kamen Bundev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

answered on 07 Aug 2009, 04:04 PM

Hi Kaman,

Thanks for the reply.

I just tried this but the event doesn't fire for some reason. Having the tree inside the combo box wouldn't cause problems with the load event would it? My code for the combo box is shown below. The javascript function is in a normal script block so that should be fine.

Regards,

Jon

    
                                            <telerik:RadComboBox ID="uxTypeID" Runat="server"   
        
                                                OnClientDropDownOpened="OnTypeDropDownOpenedHandler"   
        
                                                EmptyMessage=" - Select a Type - " CssClass="fullWidthComboBoxSP"   
        
                                                AutoPostBack="True" OnClientLoad="clientLoad">  
        
                                                <ItemTemplate> 
        
                                                    <div id="uxTypeDiv">  
        
                                                        <telerik:RadTreeView ID="uxTypeRadTreeView" Runat="server"   
        
                                                            DataFieldID="DocumentTypeID" DataFieldParentID="ParentDocumentTypeID"   
        
                                                            DataSourceID="uxTypeSqlDataSource" DataTextField="DocumentType"   
        
                                                            DataValueField="DocumentTypeID" Height="400"   
        
                                                            OnClientNodeClicking="typeNodeClicking"   
        
                                                            onnodedatabound="uxTypeRadTreeView_NodeDataBound" ShowLineImages="False"   
        
                                                            Width="460px"></telerik:RadTreeView> 
        
                                                    </div> 
        
                                                </ItemTemplate> 
        
                                                <Items> 
        
                                                    <telerik:RadComboBoxItem Text="" /> 
        
                                                </Items> 
        
                                            </telerik:RadComboBox>