Questions on UI for ASP.NET AJAX Forum

1 answer

128 views

Setting ShowContentDuringLoad not working

Hi.

When we open a new radwindow using radopen client-side it doesn't work setting the ShowContentDuringLoad property.

Example code:

var wnd = radopen(sURL, null);
wnd.set_showContentDuringLoad(false);

I assume this should work ok?

Regards, Rolf

Window

answered on 28 Aug 2024

2 answers

114 views

How to add an entry from client-side in RadDropdownTree

I could not find any api on the client-side to add an entry to the RadDropdownTree. Is this possible and if yes, then what would be some sample code? AutoPostBack property of RadDropdownTree is false, so I need to use client-side code.

I did find a method on the client side, but not sure how to use it. The api I found on my own is as below, but not sure what parameter can I pass to it and whether it will end up updating the dropdown tree automatically.

dropDownTree.get_entries()._add

DropDownTree

updated answer on 27 Aug 2024

1 answer

60 views

Exporting to pdf

Hi Guys

How can I export to PDF to a new/blank page, When it prints always preview the .PDF on the same page where either calendar or Gridview is viewed, using the following code

<ExportSettings>
     <Pdf PageTopMargin="1in" PageBottomMargin="1in" PageLeftMargin="1in" PageRightMargin="1in"></Pdf>
</ExportSettings>

Calendar

Grid

answered on 27 Aug 2024

1 answer

77 views

Multi resources grouping in Scheduler

Hi Telerik Team

I am trying to get familiarize with Scheduler and would like to achieve the following result using it.

Is the below format possible in Scheduler. (Multi resource Grouping by Shift and then by Personnel and then by Role. )

Also, Is it possible to display multiple columns of resources in Scheduler, like in Gantt ?

I have went through some sample applications ( Multi resource grouping example of Room, User and Meeting ) and tried Group By="Room, User" but grouping only happens with the first Column and second column doesn't appear at all.

Thanks

Sathyendranath

Scheduler

answered on 26 Aug 2024

1 answer

91 views

Upgrade wizard problem

Hi,

See attached screenshot, the wizard says OK, but it is not OK...

All Telerik files are dropped from the BIN folder.

Any suggestions?

Marc

Installer and VS Extensions

answered on 23 Aug 2024

1 answer

59 views

Tabbing issue within RadGrid pagination

On page load ...when navigating by keyboard focus first goes to the pagination links below the table then back up to the links in the Action table column. How to I set focus to the links within the Action column first when using the keyboard (tabbing) then the pagination links below the table.

Accessibility

answered on 23 Aug 2024

1 answer

116 views

Radlistbox OnSelectedIndexChanged event is not working under the radgrid view.

I have Radlistbox in DetailTables tag of radgrid. I want to used OnSelectedIndexChanged event of radlist box but it wasn't trigged code behind event.

General Discussions

Grid

ListBox

answered on 23 Aug 2024

1 answer

110 views

Problem with RadSwitch in Web User Control

Hi,

I am trying to implement RadSwitch in a Web Forms application. I copied the CSS from the Telerik Demo. When I apply the CSS class to a RadSwitch contained directly in the web form, it displays correctly. However, when I apply the same class to a RadSwitch contained in a web user control, it doesn’t display correctly.

I have tried several workarounds, including copying the CSS and embedding it into the web user control, but nothing works. The RadSwitch still displays incorrectly. The web user control and the RadSwitch that displays correctly are not in the same web form.

Here is the CSS:

/*Create elastic RadSwitch*/
.RadButton.RadSwitch.elasticSwitch .k-switch-handle {
width: 2em !important;
height: 2em !important;
display: flex !important;
}

.RadButton.RadSwitch.k-switch-on.elasticSwitch .k-switch-handle {
left: calc( 100% - 2em) !important;
display: flex !important;
}

.RadButton.RadSwitch.elasticSwitch,
.RadButton.RadSwitch.elasticSwitch .k-switch-container {
width: 4em !important;
display: flex !important;
}

Here are the CSS references for the web form and the web user control:

Web form CSS reference:

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
<link href="<%= Page.ResolveUrl("~/CSS/Custom.css") %>" rel="stylesheet" type="text/css" />
</asp:Content>

Web user control CSS reference:

Here is the HTML for the correctly displaying RadSwitch:

<telerik:RadSwitch runat="server" ID="TipoRequerimientoRequiereAcuse" Checked="false"
CssClass="elasticSwitch"
AutoPostBack="false">
</telerik:RadSwitch>

And here is the HTML for the RadSwich in the web user control:

<telerik:RadSwitch runat="server" ID="chkInformativo" Checked="false"
CssClass="elasticSwitch"
AutoPostBack="false">
</telerik:RadSwitch>

I am including some captures of both controls in runtime and some captures from both element analyses.

Has anyone else experienced this situation before? How did you solve it?

Ajax

Switch

answered on 21 Aug 2024

2 answers

145 views

Rad Gantt View or Scheduler for display Multiple tasks in one line.

Hi Telerik Team,

We are having the following requirement to display in our asp.net webform application. I were trying for Gantt view. But seems, it doesn't support multiple tasks to be shown in single line. Other option suggested is Rad Scheduler. As I am new to it, before going ahead with exploration, want to get confirmation that which control will suite our requirement. Please provide your feedback.

Thanks

Sathyendranath Pai

Sample requirement :

Gantt

Scheduler

answered on 21 Aug 2024

1 answer

74 views

How do i get different textboxes to populate into a radwindow

Having issues trying to get multiple textboxes to populate a single rad window depending on which submit button is clicked. I am trying to eventually output from rad window as it will post with what ever information I pull output onto window and then the start button will then timestamp. I am mainly just doing this piece by pice and want to just output something. This is the code that I have so far.

Imports Telerik.Web.UI

Partial Class TestPage
    Inherits System.Web.UI.Page


    Protected Sub Start_RadButton1_Click(ByVal sender As Object, ByVal e As EventArgs) Handles Start_RadButton1.Click
        ShowRadWindowWithContent(RadTextBox7.Text)
    End Sub

    Protected Sub Start_RadButton2_Click(ByVal sender As Object, ByVal e As EventArgs) Handles Start_RadButton2.Click
        ShowRadWindowWithContent(RadTextBox8.Text)
    End Sub

    Private Sub ShowRadWindowWithContent(ByVal content As String)
        ' Encode content to be safely used in JavaScript
        Dim encodedContent As String = HttpUtility.JavaScriptStringEncode(content)

        ' Register JavaScript to update and show the RadWindow
        Dim script As String = "function openRadWindow() { " _
        & "    var radWindow = $find('" & RadWindow2.ClientID & "'); " _
        & "    if (radWindow) { " _
        & "        var contentLabel = radWindow.get_contentElement().querySelector('#DynamicLabel'); " _
        & "        if (contentLabel) { " _
        & "            contentLabel.innerHTML = '" & encodedContent & "'; " _
        & "        } " _
        & "        radWindow.show(); " _
        & "    } " _
        & "} openRadWindow();"

        RadScriptManager.RegisterStartupScript(Me, Me.GetType(), "ShowRadWindow", script, True)
    End Sub
End Class

<%@ Page Language="vb" AutoEventWireup="false" CodeFile="TestPage.aspx.vb" Inherits="TestPage" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Dynamic RadWindow Example</title>
</head>
<body>
    <form id="form1" runat="server">
        
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
        <telerik:RadWindow ID="RadWindow2" runat="server" Modal="True" Skin="Metro" Visible="false">
            <ContentTemplate>
                <div class="content-container">
                    <div class="rad-label">
                        <telerik:RadLabel Text="Start Task?" runat="server" style="color: azure" />
                    </div>
                    <div id="contentContainer">
                        <telerik:RadLabel ID="DynamicLabel" runat="server" />
                    </div>
                    <div class="button-container">
                        <asp:Button ID="Button1" runat="server" Text="Start" />
                        <asp:Button ID="Button2" runat="server" Text="Cancel" />
                    </div>
                </div>
            </ContentTemplate>
        </telerik:RadWindow>

        <telerik:LayoutRow>
            <Columns>
                <telerik:LayoutColumn Span="3" SpanXs="0" SpanSm="0">
                    <div class="col">
                        <label>Test: </label>
                    </div>
                </telerik:LayoutColumn>
                <telerik:LayoutColumn Span="8" SpanXs="12" SpanSm="12">
                    <telerik:RadTextBox ID="RadTextBox7" RunAt="server"/>
                    <telerik:RadButton ID="Start_RadButton1" runat="server" Text="Start" OnClick="Start_RadButton1_Click" />
                </telerik:LayoutColumn>
            </Columns>
        </telerik:LayoutRow>

        <telerik:LayoutRow>
            <Columns>
                <telerik:LayoutColumn Span="3" SpanXs="0" SpanSm="0">
                    <div class="col">
                        <label>TimeStamp: </label>
                    </div>
                </telerik:LayoutColumn>
                <telerik:LayoutColumn Span="8" SpanXs="12" SpanSm="12">
                    <telerik:RadTextBox ID="RadTextBox8" RunAt="server"/>
                    <telerik:RadButton ID="Start_RadButton2" runat="server" Text="Start" OnClick="Start_RadButton2_Click" />
                    <telerik:RadButton ID="RadButton22" runat="server" Text="Completed"/>
                </telerik:LayoutColumn>
            </Columns>
        </telerik:LayoutRow>
    </form>
</body>
</html>

Window

answered on 21 Aug 2024