Questions on UI for ASP.NET AJAX Forum

2 answers

431 views

Hey,

I'm trying to get the value of a masked input field via javascript.

I'm using version 2.1.5.0 of the RadInput.Net2

On the founds I found:

http://www.telerik.com/community/forums/aspnet/input/radmaskedtextbox-javascript-value.aspx
http://www.telerik.com/community/forums/aspnet/input/input-into-radmaskedtextbox-with-qtp.aspx

However It's not working.

I've tried:

alert(document.getElementById('_ctl0_ph_txtSocialSecurityNumber').GetValue());

alert($find('_ctl0_ph_txtSocialSecurityNumber').GetValue());

alert(_ctl0_ph_txtSocialSecurityNumber.GetValue();

And a few other variations. Nothing works. I can get the value with jQuery and other methods but i need the unmasked version. The same functionality as the new version:

http://www.telerik.com/help/aspnet-ajax/input_clientsideradmaskedtextbox.html

get_value - Returns the value of the text box. This is the string without any prompt characters or literals.

Any ideas?

Input

answered on 26 Mar 2010

2 answers

170 views

Strip Editor HTML

Hey!

I'd like to display text only summary of the content that was created through the editor with formatting, but no matter what I do, Server.HtmlDecode etc., there are still tags and bits and pieces left in it!! Is there a clean way of doing it? Cheers!

Editor

answered on 26 Mar 2010

0 answers

152 views

combobox dropdown does not open with OnClientSelectedIndexChanged method

Hi,

I have a rad combobox and i need to make a textbox as a required field if a particular item was selected in the combobox.

I have the following code:

                    <td valign="top" style="font-weight: normal" class="ms-formbody">         
                            <%-- <asp:DropDownList ID="ddlReferralSource" runat="server" Width="132">         
                            </asp:DropDownList>--%>         
                            <telerik:RadComboBox runat="server" ID="radComboReferralSource" AllowCustomText="false"         
                                EnableLoadOnDemand="false" MarkFirstMatch="true" OnClientSelectedIndexChanged="ValidateHearAboutUsSource" >         
                            </telerik:RadComboBox>         
                            <asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator2" ControlToValidate="radComboReferralSource"         
                                Display="Dynamic" SetFocusOnError="true" ErrorMessage="<%$Resources:CareerResources, Career_RequiredField%>"         
                                ValidationGroup="profile" InitialValue="<%$Resources:CareerResources, Career_SelectText%>"></asp:RequiredFieldValidator>         
                        </td>         
                        <td>         
                            <asp:TextBox runat="server" ID="txtHearAboutUsSourceValue"></asp:TextBox>         
                             <asp:RequiredFieldValidator runat="server" ID="rfvHearAboutUsSourceValue" ControlToValidate="txtHearAboutUsSourceValue"         
                                Display="Dynamic" SetFocusOnError="true" ErrorMessage="<%$Resources:CareerResources, Career_RequiredField%>"         
                                ValidationGroup="profile" ></asp:RequiredFieldValidator>         
                        </td>         

as soon as i add the OnClientSelectedIndexChanged attribute, the dropdown doesnt even open on the page.

so i have two questions:

How to solve the problem with dropdown in the rad combobox?
How to force client side validation for a particular textbox if a particular value is selected in the radcombobox?

Update: I am now able to view the dropdown values but they are not triggering the ValidateHearAboutUsSource function.

                    <script type="text/javascript" language="javascript">         
                    function ValidateHearAboutUsSource(item, eventArgs) {         
            alert("test");         
                    var item1 = eventArgs.get_item();         
                    alert("You selected " + item1.get_text());         
                        var dropdownvalue = item.value;         
                        alert(dropdownvalue);         
                        var textBoxItem = document.getElementById('<%=txtHearAboutUsSourceValue.ClientID%>'         
                        var validator = document.getElementById('<%=rfvHearAboutUsSourceValue.ClientID%>');         
                    }         
                </script>         

Thanks

Vishesh

ComboBox

asked on 26 Mar 2010

2 answers

88 views

Client Side valiadations for Rad controls in User control is not firing

Hello All,

Client Side valiadations for Rad controls in User control is not firing in the aspx page.

Kindly help.

Regards,
Suja

ComboBox

answered on 26 Mar 2010

1 answer

95 views

Splitter height

Hi Telerik,

I have problem with radpanes in firefox and IE 8.
The problem is,In my application i'am using 2 radpanes
one on top, and the other middle.
now when i run the application it works fine in IE6 but in fire fox the middle pane hides the top pane and is not visible
i can only see the middle pane it seems like the top pane is being dissapeared(but getting overlapped).
How can i maintain the height of the panes in all browsers
kindly respond asap....
My queries have not been answered previously also

Thanks in advance
Pushpa.

Splitter

answered on 25 Mar 2010

6 answers

124 views

[Solved] 2010Q1 Grid collapse more than one group?

It seems that whenever I collapse a single group, all of the others in the grid expand. I don't want all groups to collapse and I don't want the default to change for collapsing groups - I just want the groups that are collapsed to stay there until the user says otherwise.

Related to this: ?
http://www.telerik.com/community/forums/aspnet-ajax/grid/problem-with-single-group-expand-collapse.aspx

Thanks!

Grid

answered on 25 Mar 2010

1 answer

69 views

Memory Issue 2010 Q1 dll

When I create tables using either the Template Manager or the table wizard, I am tracking my CPU usage and it is spiking to over 50%. It's only happening in the Q1 dll that was released on March 10. My HTML is listed below, when I try to edit the table in the RadEditor it spikes. I'm using the InsertTable and the Template Manager, if anyone needs my xml toolbar file or code, please let me know. I just need to know if anyone else has this problem and if yes, how is it fixed. Thanks.

    
            <div style="font-family: 'arial'; color: black; font-size: 11px; font-weight: bold;"> 
        
            <div style="font-family: 'arial'; color: #007dca; font-size: 11px; font-weight: bold;">[Fit Guide Detail - Fit By</div> 
        
            [Garment ifnoramtion]</div> 
        
            <p></p> 
        
            <div style="font-family: 'arial'; color: #007dca; font-size: 11px; font-weight: bold;">[Fit Guide Detail]</div> 
        
            <div style="font-family: 'arial'; color: black; font-size: 11px; font-weight: bold;">[Fit Guide Information Here]</div> 
        
            <p></p> 
        
            <div style="font-family: 'arial'; color: #007dca; font-size: 12px; font-weight: bold;">[Product Title Here]</div> 
        
            <div style="font-family: 'arial'; color: black; font-size: 11px; font-weight: bold;">[Product Information Here]</div> 
        
            <p></p> 
        
            <div style="font-family: 'arial'; color: #007dca; font-size: 11px; font-weight: bold;">Tunic Details</div> 
        
            <p > 
        
            <table style="vertical-align: top;"> 
        
                <tbody> 
        
                    <tr> 
        
                        <td style="width: 250px; height: 5px; vertical-align: top; padding-top: 1px;"> 
        
                        <ul style="margin-bottom: 0px; height: auto; vertical-align: top;"> 
        
                            <li style="font-family: 'arial'; color: black; font-size: 11px; font-weight: bold;">Color Choices: </li> 
        
                        </ul> 
        
                        </td> 
        
                        <td style="width: 350px; font-family: 'arial'; height: 5px; color: black; font-size: 11px; vertical-align: top;">asfasef</td> 
        
                    </tr> 
        
                    <tr> 
        
                        <td style="width: 250px; height: 5px; vertical-align: top; padding-top: 1px;"> 
        
                        <ul style="margin-bottom: 0px; height: auto; vertical-align: top;"> 
        
                            <li style="font-family: 'arial'; color: black; font-size: 11px; font-weight: bold;">Collection </li> 
        
                        </ul> 
        
                        </td> 
        
                        <td style="width: 350px; font-family: 'arial'; height: 5px; color: black; font-size: 11px; vertical-align: top;">asdfasasdfdf</td> 
        
                    </tr> 
        
                    <tr> 
        
                        <td style="width: 250px; height: 5px; vertical-align: top; padding-top: 1px;"> 
        
                        <ul style="margin-bottom: 0px; height: auto; vertical-align: top;"> 
        
                            <li style="font-family: 'arial'; color: black; font-size: 11px; font-weight: bold;">Fabrication Fabrication </li> 
        
                        </ul> 
        
                        </td> 
        
                        <td style="width: 350px; font-family: 'arial'; height: 5px; color: black; font-size: 11px; vertical-align: top;">asef</td> 
        
                    </tr> 
        
                </tbody> 
        
            </table> 
        
            </p> 
        
            <div style="font-family: 'arial'; color: #007dca; font-size: 11px; font-weight: bold;">Pants Details</div> 
        
            <p > 
        
            <table style="vertical-align: top;"> 
        
                <tbody> 
        
                    <tr> 
        
                        <td style="width: 250px; height: 5px; vertical-align: top; padding-top: 1px;"> 
        
                        <ul style="margin-bottom: 0px; height: auto; vertical-align: top;"> 
        
                            <li style="font-family: 'arial'; color: black; font-size: 11px; font-weight: bold;">Print: </li> 
        
                        </ul> 
        
                        </td> 
        
                        <td style="width: 350px; font-family: 'arial'; height: 5px; color: black; font-size: 11px; vertical-align: top;"></td> 
        
                    </tr> 
        
                    <tr> 
        
                        <td style="width: 250px; height: 5px; vertical-align: top; padding-top: 1px;"> 
        
                        <ul style="margin-bottom: 0px; height: auto; vertical-align: top;"> 
        
                            <li style="font-family: 'arial'; color: black; font-size: 11px; font-weight: bold;">Style: </li> 
        
                        </ul> 
        
                        </td> 
        
                        <td style="width: 350px; font-family: 'arial'; height: 5px; color: black; font-size: 11px; vertical-align: top;"></td> 
        
                    </tr> 
        
                    <tr> 
        
                        <td style="width: 250px; height: 5px; vertical-align: top; padding-top: 1px;"> 
        
                        <ul style="margin-bottom: 0px; height: auto; vertical-align: top;"> 
        
                            <li style="font-family: 'arial'; color: black; font-size: 11px; font-weight: bold;">Neckline: </li> 
        
                        </ul> 
        
                        </td> 
        
                        <td style="width: 350px; font-family: 'arial'; height: 5px; color: black; font-size: 11px; vertical-align: top;"></td> 
        
                    </tr> 
        
                    <tr> 
        
                        <td style="width: 250px; height: 5px; vertical-align: top; padding-top: 1px;"> 
        
                        <ul style="margin-bottom: 0px; height: auto; vertical-align: top;"> 
        
                            <li style="font-family: 'arial'; color: black; font-size: 11px; font-weight: bold;">Sleeves: </li> 
        
                        </ul> 
        
                        </td> 
        
                        <td style="width: 350px; font-family: 'arial'; height: 5px; color: black; font-size: 11px; vertical-align: top;"></td> 
        
                    </tr> 
        
                    <tr> 
        
                        <td style="width: 250px; height: 5px; vertical-align: top; padding-top: 1px;"> 
        
                        <ul style="margin-bottom: 0px; height: auto; vertical-align: top;"> 
        
                            <li style="font-family: 'arial'; color: black; font-size: 11px; font-weight: bold;">Design Features: </li> 
        
                        </ul> 
        
                        </td> 
        
                        <td style="width: 350px; font-family: 'arial'; height: 5px; color: black; font-size: 11px; vertical-align: top;"></td> 
        
                    </tr> 
        
                </tbody> 
        
            </table> 
        
            </p> 
        
            <div style="font-family: 'arial'; color: #007dca; font-size: 11px; font-weight: bold;">Size, Contents &amp; Care</div> 
        
            <p > 
        
            <table style="vertical-align: top;"> 
        
                <tbody> 
        
                    <tr> 
        
                        <td style="width: 250px; height: 5px; vertical-align: top; padding-top: 1px;"> 
        
                        <ul style="margin-bottom: 0px; height: auto; vertical-align: top;"> 
        
                            <li style="font-family: 'arial'; color: black; font-size: 11px; font-weight: bold;">Waist: </li> 
        
                        </ul> 
        
                        </td> 
        
                        <td style="width: 350px; font-family: 'arial'; height: 5px; color: black; font-size: 11px; vertical-align: top;"></td> 
        
                    </tr> 
        
                    <tr> 
        
                        <td style="width: 250px; height: 5px; vertical-align: top; padding-top: 1px;"> 
        
                        <ul style="margin-bottom: 0px; height: auto; vertical-align: top;"> 
        
                            <li style="font-family: 'arial'; color: black; font-size: 11px; font-weight: bold;">Leg Type: </li> 
        
                        </ul> 
        
                        </td> 
        
                        <td style="width: 350px; font-family: 'arial'; height: 5px; color: black; font-size: 11px; vertical-align: top;"></td> 
        
                    </tr> 
        
                    <tr> 
        
                        <td style="width: 250px; height: 5px; vertical-align: top; padding-top: 1px;"> 
        
                        <ul style="margin-bottom: 0px; height: auto; vertical-align: top;"> 
        
                            <li style="font-family: 'arial'; color: black; font-size: 11px; font-weight: bold;">Length: </li> 
        
                        </ul> 
        
                        </td> 
        
                        <td style="width: 350px; font-family: 'arial'; height: 5px; color: black; font-size: 11px; vertical-align: top;"></td> 
        
                    </tr> 
        
                    <tr> 
        
                        <td style="width: 250px; height: 5px; vertical-align: top; padding-top: 1px;"> 
        
                        <ul style="margin-bottom: 0px; height: auto; vertical-align: top;"> 
        
                            <li style="font-family: 'arial'; color: black; font-size: 11px; font-weight: bold;">Hemline: </li> 
        
                        </ul> 
        
                        </td> 
        
                        <td style="width: 350px; font-family: 'arial'; height: 5px; color: black; font-size: 11px; vertical-align: top;"></td> 
        
                    </tr> 
        
                    <tr> 
        
                        <td style="width: 250px; height: 5px; vertical-align: top; padding-top: 1px;">&nbsp;</td> 
        
                        <td style="width: 350px; font-family: 'arial'; height: 5px; color: black; font-size: 11px; vertical-align: top;">&nbsp;</td> 
        
                    </tr> 
        
                </tbody> 
        
            </table> 
        
            </p> 
        
            <div style="font-family: 'arial'; color: #007dca; font-size: 11px; font-weight: bold;">[Details4]</div> 
        
            <p > 
        
            <table style="vertical-align: top;"> 
        
                <tbody> 
        
                    <tr> 
        
                        <td style="width: 250px; height: 5px; vertical-align: top; padding-top: 1px;"> 
        
                        <ul style="margin-bottom: 0px; height: auto; vertical-align: top;"> 
        
                            <li style="font-family: 'arial'; color: black; font-size: 11px; font-weight: bold;">Size Choices: </li> 
        
                        </ul> 
        
                        </td> 
        
                        <td style="width: 350px; font-family: 'arial'; height: 5px; color: black; font-size: 11px; vertical-align: top;"></td> 
        
                    </tr> 
        
                    <tr> 
        
                        <td style="width: 250px; height: 5px; vertical-align: top; padding-top: 1px;"> 
        
                        <ul style="margin-bottom: 0px; height: auto; vertical-align: top;"> 
        
                            <li style="font-family: 'arial'; color: black; font-size: 11px; font-weight: bold;">Body Lenght: </li> 
        
                        </ul> 
        
                        </td> 
        
                        <td style="width: 350px; font-family: 'arial'; height: 5px; color: black; font-size: 11px; vertical-align: top;"></td> 
        
                    </tr> 
        
                    <tr> 
        
                        <td style="width: 250px; height: 5px; vertical-align: top; padding-top: 1px;"> 
        
                        <ul style="margin-bottom: 0px; height: auto; vertical-align: top;"> 
        
                            <li style="font-family: 'arial'; color: black; font-size: 11px; font-weight: bold;">Inseam: </li> 
        
                        </ul> 
        
                        </td> 
        
                        <td style="width: 350px; font-family: 'arial'; height: 5px; color: black; font-size: 11px; vertical-align: top;"></td> 
        
                    </tr> 
        
                    <tr> 
        
                        <td style="width: 250px; height: 5px; vertical-align: top; padding-top: 1px;"> 
        
                        <ul style="margin-bottom: 0px; height: auto; vertical-align: top;"> 
        
                            <li style="font-family: 'arial'; color: black; font-size: 11px; font-weight: bold;">Fit(Tunic) </li> 
        
                        </ul> 
        
                        </td> 
        
                        <td style="width: 350px; font-family: 'arial'; height: 5px; color: black; font-size: 11px; vertical-align: top;"></td> 
        
                    </tr> 
        
                    <tr> 
        
                        <td style="width: 250px; height: 5px; vertical-align: top; padding-top: 1px;"> 
        
                        <ul style="margin-bottom: 0px; height: auto; vertical-align: top;"> 
        
                            <li style="font-family: 'arial'; color: black; font-size: 11px; font-weight: bold;">Content: </li> 
        
                        </ul> 
        
                        </td> 
        
                        <td style="width: 350px; font-family: 'arial'; height: 5px; color: black; font-size: 11px; vertical-align: top;"></td> 
        
                    </tr> 
        
                </tbody> 
        
            </table> 
        
            </p>

Editor

answered on 25 Mar 2010

1 answer

60 views

get the filter create an oracle compatible where expression

What is the difference between OQL en SQL? When I use the SQL query provider I get an SQLServer compatible where clause with [ and ] around the fieldnames. I also see a RadFilterOqlExpressionFormatter but the documentation is very minimal.

Maybe someone can give me an example?

Mvg Andre Broers

Filter

answered on 25 Mar 2010

4 answers

607 views

Set max height for the drop-down list?

On one of my pages I've got a databound RadComboBox holding 30 or so items. It expands upward to the top of the window. This is a problem because it passes through a RadMenu and for some reason passes behind the menu - so the third and fourth items in the list aren't selectable because the RadMenu is in front of them.

So, is there any way to do any of the following:
-Set the max length of the drop down, in pixels or number of items displayed or whatever else?
-Force the combobox to expand downward?
-Get the drop down to be in front of the radmenu instead of the other way around?

ComboBox

answered on 25 Mar 2010

1 answer

122 views

Q1/2010 number of images in image manager

Hi,
seems that in Q1/2010 release the number of images shown in image manager per page is limited to 10 or is corresponing with the page size of an underlying grid. Is it possible to customize the page size value in the image manager (e.g. to 50)?
Regards
Heinz

Editor

answered on 25 Mar 2010