Questions on UI for ASP.NET AJAX Forum

4 answers

105 views

I have an error message.

Telerik.Web.UI.ReminderDialog with ID='ReminderDialog' was unable to find embedded skin with name 'DefaultCustom'. Please, make sure that you spelled the skin name correctly, or if you want to use a custom skin, set EnableEmbeddedSkins=false.

I used DefaultCustom skin. But I can't find Reminder Dialog skin property.
So, Where can I setup Reminder Dialog skin?

Here is my aspx code.



<link href="TelerikSkins/Scheduler.DefaultCustom.css" type="text/css" rel="Stylesheet" />
<link href="TelerikSkins/SchedulerRecurrenceEditor.DefaultCustom.css" type="text/css" rel="Stylesheet" />
<link href="TelerikSkins/SchedulerReminderDialog.DefaultCustom.css" type="text/css" rel="Stylesheet" />
<link href="TelerikSkins/Calendar.DefaultCustom.css" type="text/css" rel="Stylesheet" />
<link href="TelerikSkins/Menu.DefaultCustom.css" type="text/css" rel="Stylesheet" />
 
<telerik:RadSkinManager ID="RadSkinManager1" runat="server" Skin="DefaultCustom" />
 
<telerik:RadScheduler ID="RadSchedulerTemplate" runat="server" EnableEmbeddedSkins="false"
    EnableDescriptionField="true" Height="800"
    SelectedView="DayView" DataKeyField="ID" DataSubjectField="Subject" DataStartField="Start" 
        DataEndField="End"
    DataDescriptionField="Description" DataRecurrenceField="RecurrenceRule"     
        DataRecurrenceParentKeyField="RecurrenceParentID"
    DataReminderField="Reminder" Reminders-Enabled="true" >
    <AdvancedForm Modal="true" />
    <AppointmentContextMenuSettings EnableDefault="true" EnableEmbeddedSkins="false" />
    <TimeSlotContextMenuSettings EnableDefault="true" EnableEmbeddedSkins="false" />
    <Reminders Enabled="true" />
</telerik:RadScheduler>

Scheduler

answered on 30 Nov 2012

1 answer

150 views

Start radprogress after file uploaded

Hi,
i've this code aspx and vbnet 2010:

how can I start the progressbar simultaneously upload the file? calculate the actual file transfer?

<form id="form1" runat="server"

style=

"font-family: Verdana; font-size: small; background-image: url('Image/Upload.jpg'); background-repeat: no-repeat; width: 640px; height: 480px"

>

<div>

<telerik:RadScriptManager ID="RadScriptManager1" Runat="server">

</telerik:RadScriptManager>

<br />

<table style="border: 0px; margin: 0px; padding: 0px; width: 100%">

<tr>

<td style="border-style: none; border-color: inherit; border-width: 0px; margin: 0px; padding: 0px; text-align: center;">

</td>

</tr>

<tr>

<td style="border-style: none; border-color: inherit; border-width: 0px; margin: 0px; padding: 0px; text-align: center;">

</td>

</tr>

<tr>

<td style="border-style: none; border-color: inherit; border-width: 0px; margin: 0px; padding: 0px; text-align: center;">

</td>

</tr>

<tr>

<td style="border-style: none; border-color: inherit; border-width: 0px; margin: 0px; padding: 0px; text-align: center;">

<telerik:RadUpload ID="RadUpload1" Runat="server"

AllowedFileExtensions="jpg,jpeg,png,gif" OverwriteExistingFiles="True"

TargetFolder="public/image_profile" ControlObjectsVisibility="None"

InputSize="50" Height="22px" style="text-align: left" Skin="Sunset">

<Localization Select="Cerca" />

</telerik:RadUpload>

<asp:CustomValidator ID="CustomValidator1" runat="server"

ErrorMessage="File errato" ClientValidationFunction="validateRadUpload" OnServerValidate="CustomValidator1_ServerValidate" ForeColor="Red"></asp:CustomValidator>

<div style="font-size:x-small">Il file deve avere le seguenti estensioni: .jpg, .jpeg, .png

</div>

<div>

</div>

<telerik:RadButton ID="RadButton1" runat="server"

Text="Avvia trasferimento" Skin="Sunset">

</telerik:RadButton>

<script type="text/javascript">

function validateRadUpload(source, e) {

e.IsValid = false;

var upload = $find("<%= RadUpload1.ClientID %>");

var inputs = upload.getFileInputs();

for (var i = 0; i < inputs.length; i++) {

//check for empty string or invalid extension

if (inputs[i].value != "" && upload.isExtensionValid(inputs[i].value)) {

e.IsValid = true;

break;

}

</script>

</td>

</tr>

<tr>

<td style="border-style: none; border-color: inherit; border-width: 0px; margin: 0px; padding: 0px; text-align: center;">

<div>

</div>

<asp:Label ID="Label1" runat="server" Text="Nessun file caricato"

ForeColor="Green"></asp:Label>

<asp:Repeater ID="Repeater1" runat="server" Visible="False">

<HeaderTemplate>

<div style="color: green">

File caricato:</div>

</HeaderTemplate>

<ItemTemplate>

<%#DataBinder.Eval(Container.DataItem, "FileName")%>

<%#DataBinder.Eval(Container.DataItem, "ContentLength").ToString() + " bytes"%>

<br />

</ItemTemplate>

</asp:Repeater>

</td>

</tr>

<tr>

<td style="border-style: none; border-color: inherit; border-width: 0px; margin: 0px; padding: 0px; text-align: center;">

<telerik:RadProgressManager ID="RadProgressManager1" runat="server" />

<telerik:RadProgressArea ID="RadProgressArea1" Runat="server" ProgressIndicators="FilesCountBar, FilesCount, FilesCountPercent, SelectedFilesCount, CurrentFileName">

<Localization Uploaded="Trasferito" CurrentFileName="Trasferimento file:"

EstimatedTime="Tempo stimato:" Total="Totale " TotalFiles="Totale files: "

TransferSpeed="Velocità: " UploadedFiles="File trasferiti:"></Localization>

</telerik:RadProgressArea>

</td>

</tr>

<tr>

<td style="border-style: none; border-color: inherit; border-width: 0px; margin: 0px; padding: 0px; text-align: center;">

<div>

</div>

<asp:ImageButton ID="Imgbtnesci" runat="server"

ImageUrl="~/Image/esci1.png" ValidationGroup="esci" />

</td>

</tr>

</table>

</div>

</form

>


Protected Sub RadButton1_Click(sender As Object, e As System.EventArgs) Handles RadButton1.Click
        If RadUpload1.UploadedFiles.Count > 0 Then
            UpdateProgressContext()
            Repeater1.DataSource = RadUpload1.UploadedFiles
            Repeater1.DataBind()
            Label1.Visible = False
            Repeater1.Visible = True
        Else
            Label1.Visible = True
            Repeater1.Visible = False
        End If
    End Sub
    Private Sub UpdateProgressContext()
        Const total As Integer = 100
 
        Dim progress As RadProgressContext = RadProgressContext.Current
        progress.Speed = "N/A"
 
        For i As Integer = 0 To total - 1
            progress.PrimaryTotal = 1
            progress.PrimaryValue = 1
            progress.PrimaryPercent = 100
 
            progress.SecondaryTotal = total
            progress.SecondaryValue = i
            progress.SecondaryPercent = i
 
            progress.CurrentOperationText = "Step " & i.ToString()
 
            If Not Response.IsClientConnected Then
                Exit For
            End If
            progress.TimeEstimated = (total - i) * 100
            System.Threading.Thread.Sleep(100)
        Next
    End Sub
 
    Protected Sub CustomValidator1_ServerValidate(source As Object, e As System.Web.UI.WebControls.ServerValidateEventArgs) Handles CustomValidator1.ServerValidate
        e.IsValid = (RadUpload1.InvalidFiles.Count = 0)
    End Sub

Upload (Obsolete)

answered on 30 Nov 2012

1 answer

144 views

InitialPageLoad

Have problem to load my TreeView using "Public Sub buildTree()" and InitialPageLoad...
What can I possibly do wrong ....



    <telerik:RadAjaxManager ID="RadAjaxManager1" OnAjaxRequest="RadAjaxManager1_AjaxRequest" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="PanelLoad" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
        <ClientEvents OnRequestStart="RequestStart" OnResponseEnd="ResponseEnd" />
    </telerik:RadAjaxManager>
 
    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
        <script type="text/javascript">
            function RequestStart(sender, eventArgs) {
                $get("<%=modalDiv.ClientID %>").style.display = "block";
            }
 
            function ResponseEnd(sender, eventArgs) {
                $get("<%=modalDiv.ClientID %>").style.display = "none";
            }
 
            function pageLoad(sender, eventArgs) {
                if (!eventArgs.get_isPartialLoad()) {
                    $find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("InitialPageLoad");
                }
            }
        </script>
    </telerik:RadCodeBlock>
 
<asp:Panel ID="PanelLoad" Visible="False" Style="padding-left: 6px; padding-top:6px;" runat="server">
My TreeView databind using the "Public Sub buildTree()"
</asp:Panel>
 
    <div id="modalDiv" style="position: absolute; top: 40px; left: 0px; height: 3000px; width: 100%; z-index: 100; background: gray; display: none; opacity: 0.3; filter: alpha(opacity=100);" runat="server" />

Protected

Sub RadAjaxManager1_AjaxRequest(ByVal sender As Object, ByVal e As Telerik.Web.UI.AjaxRequestEventArgs)

If e.Argument = "InitialPageLoad" Then

'System.Threading.Thread.Sleep(3000)

PanelLoad.Visible = True

End If

End Sub

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

If Not Page.IsPostBack Then

buildTree()

End If

End Sub

'....................................

Public Sub buildTree()

Dim MyConnection As New SqlConnection(System.Configuration..................

Dim MyDataAdapter As New SqlDataAdapter("select NodeId, ParentNodeId................

Dim DS As New DataSet()

MyDataAdapter.Fill(DS)

DS.Relations.Add("NodeRelation",...........

Ajax

answered on 30 Nov 2012

1 answer

162 views

Customize RadScheduler Hours Column?

I am currently attempting to use the RadScheduler component in a slightly different manner than is prescribed or given in all the examples i have seen. What i want to do is use the RadScheduler as a resource allocator for frequency instead of time. To do this, i need to customize the hours column to show whatever frequency values i am allocating instead of time. Is there any way to override the time being displayed and use custom text instead? I do not necessarily need the RadScheduler to handle integer values for frequency instead of time, i just need to be able modify the time displayed.

Thanks & Regards,
Matt C

Scheduler

answered on 30 Nov 2012

1 answer

89 views

Persist changes made by the client across server.

I am using a Grid with 3 columns(3 labels). I changed the text of the first column through Javascript. I wanted to access the updated grid from the code behind. The changes made at the client side is not visible at the server side. How can we achieve this?

Grid

answered on 30 Nov 2012

3 answers

332 views

Need to populate data in radwindow before displaying window

I have a button image in a radGrid. When the button image clicked I want to display a RadWindow. But before I display the RadWindow I need to populate a datagrid contained in the RadWindow.

Radwindow

<telerik:RadWindow runat="server" ID="rwBulletins"

RestrictionZoneID="ContentTemplateZone" Modal="true" Width=700 Height=400

Skin="Web20">

<ContentTemplate>

<asp:panel ID="pnlBulletin" runat="server" Width=700 BackColor="White" ForeColor="Black" BorderColor=Black BorderWidth=5 >

<table>

<tr>

<td>s

<b><asp:Label ID="Label10" runat="server" Text="Bulletins" /></b>

<hr />

</td>

</tr>

<tr><td align="left">

<asp:panel ID="pnlBulletinBody" runat="server" ScrollBars=Vertical Height=400 Width=700 >

<table>

<tr>

<td>

<asp:DataGrid ID="dgBulletins" runat="server" AutoGenerateColumns="false" >

<AlternatingItemStyle BackColor="White" />

<Columns>

<asp:BoundColumn DataField="Description" HeaderText="Description" />

<asp:TemplateColumn HeaderText="Author/Date">

<ItemTemplate>

<%# Eval("Author") %><br />

<%# Eval("CreationDate") %>

</ItemTemplate>

</asp:TemplateColumn>

</Columns>

</asp:DataGrid>

<br /><br />

<asp:Label ID="lbBulletinParent" runat="server" />

</td>

</tr>

</table>

</asp:panel>

</td>

</tr>

</table>

</asp:panel>

</ContentTemplate>

</telerik:RadWindow>

I have tried using a static server button click handler where I populate the grid, but I can't get the RadWindow to display when I use the

VisibleOnPageLoad property. (It does show if I cause another postback. Am I missing an autopostback property setting somewhere?)

Image Button in RadGrid

<telerik:GridTemplateColumn HeaderText="Bulletins" ItemStyle-HorizontalAlign="Center" >

<ItemTemplate>

<asp:ImageButton ID="ibtnBulletin" CommandName="Bulletin" runat="server"

ImageUrl='<%#BulletinImage(Eval("ClientID")) %>'

Onclick="ibtnBulletin_Click" />

</ItemTemplate>

</telerik:GridTemplateColumn>

Image Button Handler

Protected Sub ibtnBulletin_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs)

Dim ibtn As ImageButton = CType(sender, ImageButton)

Dim dgi As Telerik.Web.UI.GridDataItem = ibtn.Parent.Parent

Dim ClientID As String = dgi.Cells(4).Text

dgBulletins.DataSource = clsBulletins.GetBulletinsByClientandReseller(ClientID)

dgBulletins.DataBind()

rwBulletins.VisibleOnPageLoad = True

End Sub

I also tried calling a javascript function from the image button to display the RadWindow which works in displaying the RadWindow, but I couldn't figure out how to call the routine to populate the grid from the javascript. So if that's a better approach I'm open to that. Here's how that call looked so far:

<telerik:GridTemplateColumn HeaderText="Bulletins" ItemStyle-HorizontalAlign="Center" >

<ItemTemplate>

<asp:ImageButton ID="ibtnBulletin" CommandName="Bulletin" runat="server"

ImageUrl='<%#BulletinImage(Eval("ClientID")) %>'

OnClientClick="openWinContentTemplate(); return false;" />

</ItemTemplate>

</telerik:GridTemplateColumn>

And here's the javascript component:

<script type="text/javascript">

function openWinContentTemplate() {

$find("<%=rwBulletins.ClientID %>").show();

}

</script>

Thanks for any help on this.

Window

answered on 30 Nov 2012

1 answer

108 views

minimize vertical spacing

How can i minimize the vertical spacing between the radtreenodes.

TreeView

answered on 30 Nov 2012

1 answer

216 views

RadAsyncUpload when file size is zero

I am using RadAsyncUpload control of telerik. When we browse a .jpg file with size 0 bytes, the browser keeps uploading the image and shows the progress bar until user clicks on cancel button. This is observed in chrome and firefox browser. Can we check the file size on the client side, and throw a cancel action, so that indicating the user that he uploaded a invalid image file.

Upload (Obsolete)

answered on 30 Nov 2012

2 answers

76 views

Get URL from RadAjaxManager OnRequestEventStart

Hi,
Is there a way to get requested URL from RadAjaxManager - OnRequestStart event?
When that event fire, I want to know the URL of form\page that make the request.

Thanks,
Robin

Ajax

answered on 30 Nov 2012

1 answer

81 views

[Solved] Combobox with checkboxes

I have the following problem and need help with a solution. The behaviour is sampled by the online demo for the radcombobox so I will not supply a sample here.

Steps to reproduce:
1. Navigate to ComboBox/Features demo (http://demos.telerik.com/aspnet-ajax/combobox/examples/functionality/checkboxes/defaultcs.aspx)
2. Open the dropdown and click the "Check All" option so that all items are checked.

3. Click the "Get Checked Items"

This is the initial state of my ComboBox in my solution. Now I want to just remove all checks and select one of them.

4. I open the Combobox and click on the "Check All" option to remove all selections.

Well, nothing happens.You will have to click twice on "Check All" to remove them all. My users are frustrated!

I understand that this must be by design, but for me the most logical thing would be if "Check All" works as a toggle button. If all checked, remove, if no checked, check all.

Anyone have a solution/workaround to get my "Check All" to work as a toggle button from click one?

Regards
Per Löfstedt

ComboBox

answered on 30 Nov 2012