Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
72 views
Hi,

please let us know, how to get custom page size like 10/20/25/30 to telerik grid page dropdown control using javascript.since to increase the peformance of the application we need to develop this logic.
Shinu
Top achievements
Rank 2
 answered on 21 Mar 2011
2 answers
143 views
I've been looking at the RadMenu Base styles and trying to figure out exactly which portion of the CSS is what makes the dropdowns work.

I built my own RadMenu.css but for some reason the dropdown's always appear at the top left portion of the screen.

Below please find my css, any clues as to what is missing would be much appreciated. Or just point me to an example dropdown css code for the RadMenu.

.RadMenu_ArtDebutant
{
    width:100%;
}
 
.RadMenu_ArtDebutant > ul.rmRootGroup
{
    float: left;
    display: block;
    list-style-type: none;
    font-size: 17px;
    text-transform: lowercase;
    font-family: Arial Baltic, Arial;
}
.RadMenu_ArtDebutant > ul.rmRootGroup > li.rmItem
{
    float: left;
    width: 254px;
    height: 30px;
    background-color: #333333;
    border-right: 1px solid #939393;
    margin-right: 1px;
}
.RadMenu_ArtDebutant > ul.rmRootGroup > li.rmLast
{
    margin-right: 0px;
    width: 255px;
}
.RadMenu_ArtDebutant > ul.rmRootGroup > li.rmSeparator
{
    width: 1px;
    float:left;
    height: 30px;
    background-color: White;
    border: 0;
}
.RadMenu_ArtDebutant > ul.rmRootGroup > li.rmItem > a
{
    color: White;
    text-decoration: none;
    height: 30px;
    vertical-align: middle;
    display: table-cell;
    padding-left: 15px;
    width: 253px;
}
.RadMenu_ArtDebutant > ul.rmRootGroup > li:hover
{
    /* background-color: #415353; */
}
.RadMenu_ArtDebutant > ul.rmRootGroup > li.rmItem > a.rmFocused
{
    background-color: #415353;
    width: 254px;
}
 
/* drop down. Some stuff from menu.css base styles */
 
.RadMenu div.rmSlide
{
    position:absolute;
    overflow:hidden;
    display:none;
    float:left;
     
    width: 254px;
    background-color: #333333;
    opacity: 0.5;
    -moz-opacity: 0.5;
}
 
.RadMenu ul.rmVertical
{
    float: left;
    display: block;
    list-style-type: none;
    font-size: 17px;
    text-transform: lowercase;
    font-family: Arial Baltic, Arial;
}
 
.RadMenu ul.rmVertical > li.rmItem
{
    clear:both;
    width: 100%;
    height: 40px;
    width: 250px;
    line-height: 40px;
}
 
.RadMenu ul.rmVertical > li.rmItem > a.rmLink
{
    color: White;
    text-transform: uppercase;
    text-decoration:none;
    margin-left: 20px;
}
/* drop down portion end */
James Reategui
Top achievements
Rank 1
 answered on 20 Mar 2011
1 answer
292 views
Hello,
I'm having an issue with the input validations available in the RadInputManager where I need to prevent the user from entering data in other form fields when there is an error in a particular form input field due to the nature of the application.  I have code that will disable the input controls, but I cannot find a way to determine is control X is valid.

What I really need is a client side method to determine if the input field is valid or not in my scenario, but cannot seem to find a way to accomplish that using the OnValidating event.  In my scenario, I need to dynamically add input validation settings via the page's codebehind (e.g. not through clientside script) and cannot allow the user to add data to other fields while one field is invalid.

  1. User enters invalid text in TextBox1
  2. Validation message appears
  3. All other input controls other than Textbox1 should be disabled
  4. When the user enters a valid value in Textbox1 that passes the validation then all the other input boxes should be re-enabled (Note: This is the step I cannot determine how to accomplish)

In the code below if the line RegExSetting.ClientEvents.OnValidating = "OnClientValidating" is commented out then the user can enter values in any textbox or input field, which is not desired while Textbox1 has an invalid value.

If there was a way to tell if Control X was valid when the control loses focus that would solve the problem (in my actual scenario 100% of the controls are dynamic so I cannot hardcode control names) as I could execute code that re-enables all the controls if Control X is valid.

ASPX:
<telerik:RadAjaxManager ID="AjaxManager1" runat="server">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="Area">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="Area" LoadingPanelID="RadAjaxLoadingPanel1" />
                <telerik:AjaxUpdatedControl ControlID="RadInputManager1" />
                <telerik:AjaxUpdatedControl ControlID="Button1" />
            </UpdatedControls>
        </telerik:AjaxSetting>
 
        <telerik:AjaxSetting AjaxControlID="RadInputManager1"
            <UpdatedControls
                <telerik:AjaxUpdatedControl ControlID="Area" LoadingPanelID="RadAjaxLoadingPanel1" /> 
            </UpdatedControls>  
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default" MinDisplayTime="2000">
</telerik:RadAjaxLoadingPanel>
 
<telerik:RadCodeBlock ID="CodeBlock" runat="server">
 
 <script type="text/javascript" language="javascript">
     function OnClientValidating(sender, args) {
            var inputId = args.get_input().get_id();
            if (inputId != null)
            {
                var inputs = document.getElementsByTagName('input');
                for (element in inputs)
                {
                    inputs[element].disabled = true;
                }
                document.getElementById(inputId).disabled = false;
            }
     }
 
     function OnClientBlur(sender, args) {
         //How do I tell if the input is valid, e.g. passed RadInputManager validation setting, OnBlur or another clientside event?
     }
             
</script>
</telerik:RadCodeBlock>
 
<div>
 
               <asp:Panel ID="Area" runat="server">
                        <asp:PlaceHolder Runat="server" ID="DynamicControls"></asp:PlaceHolder>
                    </asp:Panel>   
 
    <asp:Button ID="Button1" runat="server" Text="Button" />
    </div>

Code-Behind (VB.NET)
    Private inputManager As New RadInputManager()
 
    Protected Sub Page_Init(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Init
        LoadDynamicControls()
        LoadDynamicValidation()
    End Sub
 
    Private Sub LoadDynamicControls()
        Dim txtBox As TextBox = New TextBox()
        txtBox.ID = "TextBox1"
        txtBox.AutoPostBack = True
        txtBox.CausesValidation = True
        DynamicControls.Controls.Add(txtBox)
 
        Dim txtBox2 As TextBox = New TextBox()
        txtBox2.ID = "TextBox2"
        txtBox2.AutoPostBack = True
        txtBox2.CausesValidation = True
        DynamicControls.Controls.Add(txtBox2)
    End Sub
 
    Private Sub LoadDynamicValidation()
 
        Dim RegExPattern As String = "\d{2}/\d{4}"
        Dim RegExSetting As RegExpTextBoxSetting = New RegExpTextBoxSetting
 
        RegExSetting.ValidationExpression = RegExPattern
        RegExSetting.ErrorMessage = "Test error message"
 
        Dim mngr As RadInputManager = inputManager
        mngr.ID = "RadInputManager1"
 
        
 
        RegExSetting.TargetControls.Add(New TargetInput("TextBox1", True))
        RegExSetting.ClientEvents.OnValidating = "OnClientValidating"
        mngr.InputSettings.Add(RegExSetting)
        Page.Form.Controls.Add(mngr)
 
        'RadInputManager1.InputSettings.Add(RegExSetting)
 
  
    End Sub
 
    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        Dim control As TextBox = FindControl("TextBox1")
        AjaxManager1.AjaxSettings.AddAjaxSetting(control, control, RadAjaxLoadingPanel1)
        AjaxManager1.AjaxSettings.AddAjaxSetting(Button1, control, RadAjaxLoadingPanel1)
        AjaxManager1.AjaxSettings.AddAjaxSetting(inputManager, control, RadAjaxLoadingPanel1)
    End Sub
End Class
jgill
Top achievements
Rank 1
 answered on 20 Mar 2011
1 answer
90 views
Hello, 

I'm using a lot the RadScheduler and it's great, but I have some more new ideas for you.

It would be great if it could be possible to:
  • Select appointments and drag & drop all the selected appointments to a new date (Like this we would be able to drag and drop a lot of appointment in one time)
  • Select appointments and to delete all of them with one confirmation

This select appointment stuff could be a checkbox witch appears (like the delete) when we hover the appointment.

It would be great if you can look at those features.

Thanks a lot

Jean-Yves
Peter
Telerik team
 answered on 20 Mar 2011
4 answers
115 views
Hello

When i right click a cell in the editor and select "Split Cell" it adds a cell below the current cell instead of splitting the cell..
What "Split Cell" does is exactly what "Insert Row Below" does...
I must have this working correctly..

Any resolve?

Thank you..
dror riov
Top achievements
Rank 1
 answered on 20 Mar 2011
3 answers
132 views
Hi,

Can I create the following table dynamically (Till 3 Sub levels of Header)?  I would like to merge some of the columns dynamically - based on the DB resultset.
 

 

A

B

C

D

E

I

F

G

H

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 
Can you share me a sample code?

Thanks, Malli

Can you share me a sample code?Thanks, Malli
Mira
Telerik team
 answered on 19 Mar 2011
3 answers
341 views
I have a dynamically created rad text box.I want to create tool tip for this text box with a rad combo box or asp.net combox and the selected value should be inserted into the dynamically created rad text box.

Can we do this by using Rad ToolTip.
Svetlina Anati
Telerik team
 answered on 19 Mar 2011
8 answers
185 views
Hi,

How do you change the icon for the popup window?  

I know how to change it for normal windows but not the spellchecker window.

I'm assuming that some css will be needed?

Best Regards,

Jon
Svetlina Anati
Telerik team
 answered on 19 Mar 2011
13 answers
407 views
I am trying to implement the layout that is depicted in the attachment. The blue container has height/width 100% to fill available space. There are two columns. The left column has a fixed width and the right column is fluid. The left column contains a listbox and the right column contains a treview. I achieve the layout with a table. I am having difficulty getting the listbox and treeview to properly display their scrollbars when necessary.

Both the treeview and listbox contain items that should force a vertical scrollbar. The treeview should also force a horizontal scrollbar. Is there some style declaration I need to make in order for the scrollbars in these controls to appear?

Listbox Declaration:

<telerik:RadListBox ID="rlbBusinessCategories" 
                                        runat="server" 
                                        Skin="Office2007" 
                                        CheckBoxes="true" 
                                        Width="100%"
                                        Height="100%"
                    ></telerik:RadListBox>

Treeview Declaration:

<telerik:RadTreeView id="rtServices" 
                        runat="server" 
                        Skin="Office2007" 
                        Width="100%"
                        Height="100%"
                        AllowNodeEditing="False"
                        EnableDragAndDrop="False"
                        MultipleSelect="True"
                                                >
                    </telerik:RadTreeView>
Kamen Bundev
Telerik team
 answered on 19 Mar 2011
1 answer
158 views
Hello,

I'm trying to create a print friendly style sheet to make the rad scheduler appear fully on a printed page portrait or landscape.

I've had success creating custom rules for the Monthview.  At least in certain browsers.  Other than hiding elements I have this for MonthView:

   
<style type="text/css" media="print">
        div[style]
        {
            max-width: 670px;
        }
        div.rsOverflowExpand
        {
            width: 668px !important;
        }
        .rsHorizontalHeaderTable
        {
            width: 668px !important;
        }
         
        .rsHorizontalHeaderWrapper
        {
             
        }
        .rsHorizontalHeaderWrapper div
        {
        }
         
        .rsContentTable
        {
            width: 668px !important;
        }
         
        .rsAptContent
        {
            font-size: 9px !important;
        }
         
        .rsContent table
        {
            width: 668px !important;
        }
         
        .RadScheduler
        {
            width: 670px !important;
        }
    </style>


the first rule (div[style]) is overriding the inline style.  Scheduler inserts inline fixed pixel styles for many parts along the way.  This rule doesn't work in older browsers.

I'm having a great difficulty making a print friendly CSS rules for time-line view.

To make scheduler timerange all appear on a single page without scroll we are programmaticaly setting the column width to %.
private void SetWidth()
        {
            Double width = 100d / scheduler.TimelineView.NumberOfSlots;
            scheduler.ColumnWidth = new Unit(width, UnitType.Percentage);
        }


Part of the problem is the appointments have a fixed pixel width.

We have already implemented a hidden report viewer being populated and printed with a "print" button to get print-ability of our timeline views but direct from browser printing is preferred.  I would think it would be a high priority task for Telerik to provide print friendly CSS for all of their controls since printing is a commonly requested  feature.
Peter
Telerik team
 answered on 19 Mar 2011
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?