Questions on UI for ASP.NET AJAX Forum

1 answer

68 views

Playlist - Goto Next Item Upon End of Video

Hi,

I have a playlist that is generated using only local mp4 items. Everything is working correctly but I cannot figure out how to get the playlist to auto-advance to the next video. For additional clairity, when video 1 plays and completes...i'd like it to start playing video 2...then 3...etc. Currently it just remains at blank screen at end of video 1 and video 2 must be manually clicked to proceed.
Could you please assist with proper way to accomplish this.

-Mike

MediaPlayer

answered on 15 Mar 2016

1 answer

237 views

RadCloudUpload Custom Button

I am using the RadCloudUpload control to copy files to Azure. The control itself is located in a RibbonBarTemplateItem, and the PanelContainerSelector is located in another section of the page. Everything works as expected.

For UI consistency, I want to style the Select Button for the RadCloudUpload to look like other RibbonBarButton controls. How would I go about doing that? Is there a CSS style I can specify, or a way to programmatically fire the event called by the Select Button of the RadCloudUpload control?

Thanks...

Dean

Upload (Obsolete)

answered on 15 Mar 2016

1 answer

53 views

After upgrading to 2015.3.1111.40 it broke my tab strip with multi page view

I have using TabStrip & Multi Page controls togather.

I have 4 tabs , but some how last tab's page(which using multi page control) is visible with every tab(at end of tab content), this happend after i upgraded to new version.

Can anybody tell me what causes this thing ?

Dhaval.

TabStrip

answered on 15 Mar 2016

1 answer

116 views

[Solved] how to show Filter box in FileTree ExplorerMode?

Hi,

I have noticed when I set ExplorerMode to Filetree

Filter box disappear. Anyway to turn it on in this mode?

thanks

FileExplorer

answered on 15 Mar 2016

3 answers

166 views

[Solved] how make vertical sliding pane splitter to be expanded by default?

Hi,

I wanted that vertical splitter to be off or expanded by default,

resulting that left file treepane is hidden. How to do this?

I have tried this but doesn't work, don'r also expanded option.

thanks

for (int i = 0; i < RadFileExplorer1.Splitter.Items.Count; i++)
{
RadSplitBar item = RadFileExplorer1.Splitter.Items[i] as RadSplitBar;
if (item != null)
{
item.CollapseMode = SplitBarCollapseMode.None;
}
}

FileExplorer

answered on 15 Mar 2016

10 answers

408 views

[Solved] How to resize RadPane when another RadPane is collapsed

hello,

i have 3 RadPane, when the button btnFilterVisible on the first RadPane is pressed the second RadPane filterPane is collapsed and this should give more space the the third RadPane resultsPane. The height of resultsPane is 100%
how can i change the size dynamically when we press the button (to show or hide the second RadPane)?
when i set the resultsPane height in filterPane_Collapsed there was no affect on the resultsPane size.

<telerik:RadSplitter ID="splitterContent" runat="server" Width="100%" Height="100%" Orientation="Horizontal">

<telerik:RadPane ID="searchPane" runat="server" Width="100%" Height="80px">

<asp:Button ID="btnFilterVisible" runat="server" Text="Hide Filter" OnClientClick="btnFilterVisible_clicked()" />

</telerik:RadPane>

<telerik:RadPane ID="filterPane" runat="server" Width="100%" Height="200px" OnClientExpanded="filterPane_Expanded" OnClientCollapsed="filterPane_Collapsed">

</telerik:RadPane>

<telerik:RadPane ID="resultsPane" runat="server" Width="100%" Height="100%" Scrolling="Both" >

</telerik:RadPane>

</telerik:RadSplitter>

<script type="text/javascript">

function btnFilterVisible_clicked()

{

var splitter = $find("<%= splitterContent.ClientID %>");

var filterPane = splitter.getPaneById("<%= filterPane.ClientID %>");

var resultsPane = splitter.getPaneById("<%= resultsPane.ClientID %>");

var filterText = $("#<%=btnFilterVisible.ClientID%>").val();

if (filterText == "Hide Filter")

{

filterPane.collapse();

$("#<%=btnFilterVisible.ClientID%>").val("Show Filter");

}

else

{

filterPane.expand();

$("#<%=btnFilterVisible.ClientID%>").val("Hide Filter");

}

function filterPane_Collapsed()

{

//resize resultsPane

}

function filterPane_Expanded()

{

//resize resultsPane

}

</script>

Splitter

answered on 15 Mar 2016

14 answers

883 views

[Solved] RadDateInput Set MinDate = DateTime.MinValue Resets MinDate on Postback

Going back and retesting a previously working piece of code, I now get a different result under version 311 and 402.

On initial page load, I am setting the MinDate value to "DateTime.MinValue" (or 01/01/0001). This is accepted and works through the UI (accepting dates that far back). But on PostBack, it resets the MinDate to "01/01/2001" instead of keeping my MinDate, which changes the entered value to "01/01/2001" instead of keeping my value. I was using "01/01/1900" as the test date.

I'm not sure when this functionality changed, but it was previously working fine. Is this expected behavior? How do we accept really old dates?

Input

answered on 14 Mar 2016

21 answers

1.5K+ views

Rad Grid Insert Command Not Firing

I am using Rad Grid with a UserControl for the edit and insert form.

I have followed the code examples on the site and read the threads on the forum with people having a similar issue but I'm still having problems.

The ability to edit the items works properly. And when I click on the "Add new record" button the user control shows up properly, awaiting information and clicking of the insert button, but when I click on insert the command specified in the control properties for inserts never fires. I've used break points in page load and on the first instruction in the NewsList_InsertCommand function to ensure that a postback is occuring, and it is, but the NewsList_InsertCommand function never fires.

My Rad Grid Control:

    
            <telerik:RadGrid ID="NewsList" AutoGenerateColumns="false" 
        
                                                    runat="server" AllowFilteringByColumn="True" 
        
                                                    AllowPaging="True" AllowSorting="True" 
        
                                                    GridLines="None" Skin="Office2007" 
        
                                                    OnNeedDataSource="NewsList_NeedDataSource"   
        
                                                    OnUpdateCommand="NewsList_UpdateCommand"   
        
                                                    PageSize="20" 
        
                                                    OnItemDataBound="NewsList_ItemDataBound" 
        
                                                     OnInsertCommand="NewsList_InsertCommand">  
        
                                                        <PagerStyle Mode="NextPrevAndNumeric" /> 
        
                                                        <GroupingSettings CaseSensitive="False" /> 
        
                                                        <ClientSettings> 
        
                                                            <Selecting AllowRowSelect="True" /> 
        
                                                        </ClientSettings> 
        
                                                        <MasterTableView TableLayout="Auto" EditMode="EditForms" CommandItemDisplay="Top" InsertItemDisplay="Top" InsertItemPageIndexAction="ShowItemOnCurrentPage">  
        
                                                            <EditFormSettings EditFormType="WebUserControl" UserControlName="~/UserControls/News/NewsManagementEditControl.ascx">  
        
                                                            </EditFormSettings> 
        
                                                            <Columns> 
        
                                                                <telerik:GridBoundColumn AutoPostBackOnFilter="True" DataField="NewsId"   
        
                                                                    DataType="System.Int32" DefaultInsertValue="" HeaderText="News ID"   
        
                                                                    ShowFilterIcon="False" SortExpression="NewsId" UniqueName="NewsId" Visible="false">  
        
                                                                </telerik:GridBoundColumn> 
        
                                                                <telerik:GridBoundColumn HeaderText="Title" DataField="Title"   
        
                                                                    UniqueName="Title" SortExpression="Title"   
        
                                                                    HeaderStyle-Width="450px" FilterControlWidth="450px" 
        
                                                                    AutoPostBackOnFilter="true" CurrentFilterFunction="Contains"   
        
                                                                    ShowFilterIcon="false">  
        
                                                                    <HeaderStyle Width="450px" /> 
        
                                                                </telerik:GridBoundColumn> 
        
                                                                <telerik:GridBoundColumn HeaderText="Date Created" DataField="DateCreated" 
        
                                                                    UniqueName="DateCreated" SortExpression="DateCreated" HeaderStyle-Width="50px" 
        
                                                                    FilterControlWidth="50px" AutoPostBackOnFilter="true"   
        
                                                                    CurrentFilterFunction="Contains" ShowFilterIcon="false">  
        
                                                                    <HeaderStyle Width="50px" /> 
        
                                                                </telerik:GridBoundColumn> 
        
                                                                <telerik:GridBoundColumn HeaderText="Associated Apps" DataField="AssociatedApps" 
        
                                                                    UniqueName="AssociatedApps" HeaderStyle-Width="180px" ShowFilterIcon="false">  
        
                                                                    <HeaderStyle Width="180px" /> 
        
                                                                </telerik:GridBoundColumn> 
        
                                                                <telerik:GridEditCommandColumn UpdateText="Update" CancelText="Cancel" UniqueName="Edit" ButtonType="LinkButton">  
        
                                                                </telerik:GridEditCommandColumn> 
        
                                                                <telerik:GridButtonColumn CommandName="DeleteNews" 
        
                                                                    Text="Delete" UniqueName="column2">  
        
                                                                </telerik:GridButtonColumn> 
        
                                                            </Columns> 
        
                                                        </MasterTableView> 
        
                                                </telerik:RadGrid>

My Insert Function in the code behind file:

    
            protected void NewsList_InsertCommand(object sender, GridCommandEventArgs e)  
        
                    {  
        
                        UserControl userControl = (UserControl)e.Item.FindControl(GridEditFormItem.EditFormUserControlID);  
        
                        var newTitleControl = (RadTextBox)userControl.FindControl("txtTitle");  
        
                        var newDescriptionControl = (RadTextBox)userControl.FindControl("txtDescription");  
        
                        var newContentControl = (RadEditor)userControl.FindControl("txtNewsContent");  
        
                        if(String.IsNullOrEmpty(newTitleControl.Text) && String.IsNullOrEmpty(newDescriptionControl.Text) && String.IsNullOrEmpty(newContentControl.Text))  
        
                        {  
        
                            return;  
        
                        }  
        
                        ONews newNewsItem = Engine.News(Globals.User.UserId).CreateNews(newTitleControl.Text, newDescriptionControl.Text,  
        
                                                                    newContentControl.Text, Globals.User.UserId);  
        
                        var applicationListRepeater = (Repeater) userControl.FindControl("rptApplicationList");  
        
                        foreach (RepeaterItem app in applicationListRepeater.Items)  
        
                        {  
        
                            var checkbox = (CheckBox) app.FindControl("application");  
        
                            var applicationId = int.Parse(checkbox.Attributes["applicationId"]);  
        
                            if (checkbox.Checked)  
        
                            {  
        
                                Engine.News(Globals.User.UserId).CreateApplicationNews(newNewsItem.NewsId, applicationId);  
        
                            }  
        
                        }

My user control aspx file:

    
            <%@ Control Language="C#" AutoEventWireup="true" CodeBehind="NewsManagementEditControl.ascx.cs" Inherits="InternalAdmin.UserControls.News.NewsManagementEditControl" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <asp:UpdatePanel ID="EditNewsSection" runat="server">  
        
                <ContentTemplate> 
        
                    <table width="100%">  
        
                        <tr> 
        
                            <td valign="top">  
        
                                <div class="Block">  
        
                                    <div class="Block-tl">  
        
                                    </div> 
        
                                    <div class="Block-tr">  
        
                                    </div> 
        
                                    <div class="Block-bl">  
        
                                    </div> 
        
                                    <div class="Block-br">  
        
                                    </div> 
        
                                    <div class="Block-tc">  
        
                                    </div> 
        
                                    <div class="Block-bc">  
        
                                    </div> 
        
                                    <div class="Block-cl">  
        
                                    </div> 
        
                                    <div class="Block-cr">  
        
                                    </div> 
        
                                    <div class="Block-cc">  
        
                                    </div> 
        
                                    <div class="Block-body">  
        
                                        <div class="BlockHeader">  
        
                                            <div class="t">  
        
                                                News Item Details</div> 
        
                                        </div> 
        
                                        <div class="BlockContent">  
        
                                            <div class="BlockContent-body">  
        
                                                <table> 
        
                                                    <tr> 
        
                                                        <tr> 
        
                                                            <td> 
        
                                                                <asp:Label ID="lblNewsId" runat="server" Text=""></asp:Label>    
        
                                                            </td> 
        
                                                        </tr> 
        
                                                        <td> 
        
                                                            <strong>Title</strong> 
        
                                                        </td> 
        
                                                        <td rowspan="6" valign="top">  
        
                                                            <table> 
        
                                                                <tr> 
        
                                                                    <td> 
        
                                                                        <strong> 
        
                                                                            Associated Applications  
        
                                                                        </strong> 
        
                                                                    </td> 
        
                                                                </tr> 
        
                                                                <asp:Repeater ID="rptApplicationList" runat="server" OnItemDataBound="rptApplicationList_ItemDataBound">  
        
                                                                    <ItemTemplate> 
        
                                                                        <tr> 
        
                                                                            <td> 
        
                                                                                <asp:CheckBox ID="application" Text="" runat="server"/>  
        
                                                                            </td> 
        
                                                                        </tr> 
        
                                                                    </ItemTemplate> 
        
                                                                </asp:Repeater> 
        
                                                            </table> 
        
                                                        </td> 
        
                                                    </tr> 
        
                                                    <tr> 
        
                                                        <td> 
        
                                                            <telerik:RadTextBox ID="txtTitle" MaxLength="200" runat="server">  
        
                                                            </telerik:RadTextBox> 
        
                                                            <br /> 
        
                                                            <br /> 
        
                                                        </td> 
        
                                                    </tr> 
        
                                                    <tr> 
        
                                                        <td> 
        
                                                            <strong>Description</strong> 
        
                                                        </td> 
        
                                                    </tr> 
        
                                                    <tr> 
        
                                                        <td> 
        
                                                            <telerik:RadTextBox ID="txtDescription" MaxLength="500" runat="server">  
        
                                                            </telerik:RadTextBox> 
        
                                                            <br /> 
        
                                                            <br /> 
        
                                                        </td> 
        
                                                    </tr> 
        
                                                    <tr> 
        
                                                        <td> 
        
                                                            <strong>News Content</strong> 
        
                                                        </td> 
        
                                                    </tr> 
        
                                                    <tr> 
        
                                                        <td> 
        
                                                            <telerik:RadEditor ID="txtNewsContent" runat="server" Height="300px"   
        
                                                                Width="500px" EditModes="Design"   
        
                                                                ToolbarMode="Default" StripFormattingOnPaste="AllExceptNewLines">  
        
                                                                <CssFiles> 
        
                                                                    <telerik:EditorCssFile Value="~/CSS/Editor.css" /> 
        
                                                                </CssFiles> 
        
                                                                <tools> 
        
                                                                    <telerik:EditorToolGroup> 
        
                                                                        <telerik:EditorTool Name="Bold" /> 
        
                                                                        <telerik:EditorTool Name="Underline" /> 
        
                                                                        <telerik:EditorSeparator /> 
        
                                                                        <telerik:EditorTool Name="Cut" /> 
        
                                                                        <telerik:EditorTool Name="Copy"/>  
        
                                                                        <telerik:EditorTool Name="Paste"/>  
        
                                                                        <telerik:EditorSeparator /> 
        
                                                                        <telerik:EditorTool Name="Undo" /> 
        
                                                                        <telerik:EditorTool Name="Redo"/>  
        
                                                                    </telerik:EditorToolGroup> 
        
                                                                </tools> 
        
                                                            </telerik:RadEditor> 
        
                                                        </td> 
        
                                                    </tr> 
        
                                                    <tr> 
        
                                                        <td align="left">  
        
                                                            <asp:Button ID="btnUpdate" runat="server" Text="Update" CommandName="Update" Visible='<%# !(DataItem is GridInsertionObject) %>' /> 
        
                                                            <asp:Button ID="btnInsert" runat="server" Text="Insert" CommandName="Insert" Visible='<%# DataItem is GridInsertionObject %>' /> 
        
                                                            &nbsp;  
        
                                                            <asp:Button ID="btnCancel" runat="server" Text="Cancel" CommandName="Cancel" CausesValidation="false" /> 
        
                                                        </td> 
        
                                                    </tr> 
        
                                                </table> 
        
                                            </div> 
        
                                        </div> 
        
                                    </div> 
        
                                </div> 
        
                            </td> 
        
                        </tr> 
        
                    </table> 
        
                </ContentTemplate> 
        
            </asp:UpdatePanel>

My user control code behind file.

    
            namespace InternalAdmin.UserControls.News  
        
            {  
        
                public partial class NewsManagementEditControl : System.Web.UI.UserControl  
        
                {  
        
                    private List<OApplicationNews> ApplicationNews  
        
                    {  
        
                        get 
        
                        {  
        
                            object o = Session["_ApplicationNews"];  
        
                            if (o == null)  
        
                                return new List<OApplicationNews>();  
        
                            else 
        
                            {  
        
                                return (List<OApplicationNews>)o;  
        
                            }  
        
                        }  
        
                    }  
        
                    private object _dataItem = null;  
        
                    public object DataItem  
        
                    {  
        
                        get 
        
                        {  
        
                            return this._dataItem;  
        
                        }  
        
                        set 
        
                        {  
        
                            this._dataItem = value;  
        
                        }  
        
                    }  
        
                    protected void Page_Load(object sender, EventArgs e)  
        
                    {  
        
                    }  
        
                    protected void rptApplicationList_ItemDataBound(object sender, RepeaterItemEventArgs e)  
        
                    {  
        
                        var data = (OApplication)e.Item.DataItem;  
        
                        var applicationControl = (CheckBox)e.Item.FindControl("application");  
        
                        applicationControl.Text = data.ApplicationName;  
        
                        applicationControl.Attributes["applicationId"] = data.ApplicationId.ToString();  
        
                        var applicationNewsId =  
        
                            ApplicationNews.Where(id => id.ApplicationId == data.ApplicationId);  
        
                        if (applicationNewsId.Count() > 0)  
        
                        {  
        
                            applicationControl.Attributes["applicationNewsId"] =  
        
                                applicationNewsId.Select(id => id.ApplicationNewsId).First().ToString();  
        
                            applicationControl.Checked = true;  
        
                        }  
        
                    }  
        
                }  
        
            }

Grid

answered on 14 Mar 2016

2 answers

114 views

RadUpload how to remove checkbox Remove

How remove the checkbox and "Remove" word from this printscreen?

Beata

Upload (Obsolete)

answered on 14 Mar 2016

4 answers

214 views

Radcombobox clearSelection causes validation

I have a radcombobox with a set of items in it.

This combobox is in a radwindow.

If the user opens the radwindow i need to make sure the radcomboboxes selection is set to the empty message and does not cause the required validation control to fire. On the very first opening of the radwindow all is good, it is when they open the radwindow a second time and I do not want their previous selection selected so I want it set to the Empty Message...

You can see in this screen shot the required validator fires after using the comboboxes clearselection javascript code

This is not desired... Any suggestions...????

Radwindow and combobox markup

<telerik:RadWindow runat="server" ID="RadWindowDashboardCofiguration" VisibleOnPageLoad="False"

Title="Panel Name" Skin="Default" Modal="True" Behaviors="Move, Reload" ShowContentDuringLoad="True"

OnClientClose="OnClientClose">

<ContentTemplate>

<asp:UpdatePanel ID="UpdatePanelDashboardConfiguration" runat="server" UpdateMode="Conditional">

<ContentTemplate>

<div style="padding: 0px 15px 0px 15px;">

<div style="padding-top: 15px; padding-bottom: 15px;">

<div class="EditFormMainTable">

<table>

<tr>

<td style="width: 100%">

<div class="EditFormTable">

<table>

<tr class="EditFormRequired">

<td>

<label>Panel Display:</label>

</td>

<td>

<telerik:RadComboBox ID="RadComboBoxUserControl" runat="server" AutoPostBack="True" OnSelectedIndexChanged="RadComboBoxUserControl_SelectedIndexChanged" EmptyMessage="Please select panel...">

<Items>

<telerik:RadComboBoxItem runat="server" Text="Inventory Statistics" />

<telerik:RadComboBoxItem runat="server" Text="Notifications" />

<telerik:RadComboBoxItem runat="server" Text="--- GRAPHS ---" Enabled="False" />

<telerik:RadComboBoxItem runat="server" Text="Audits - Misplaced Tags (Top 5 Sites)" />

<telerik:RadComboBoxItem runat="server" Text="Audits - Missing Tags (Top 5 Sites)" />

<telerik:RadComboBoxItem runat="server" Text="Tag Distributions" />

<telerik:RadComboBoxItem runat="server" Text="Tag Status Over Time" />

<telerik:RadComboBoxItem runat="server" Text="Tag Statuses (Rooms)" />

</Items>

</telerik:RadComboBox>

<asp:RequiredFieldValidator ID="RequiredFielduserControl" runat="server" ControlToValidate="RadComboBoxUserControl"