Questions on UI for ASP.NET AJAX Forum

1 answer

252 views

[Solved] Align two items inside RadGrid column

What I am trying to do is align one item to the right and the other to the left side of the column.

Inside the column is an up and down arrow. The up arrow should be on the left while the down arrow is on the right.

The reason I need to align them is because if I remove the up arrow for the first section(because it can't go higher than first) the down arrow then is on the left, being in-line with the other up arrows, and vice-versa.

These two buttons are ImageButtons inside a single GridTemplateColumn. Looks like this:

<telerik:GridTemplateColumn AllowFiltering="false">

<ItemTemplate>

<asp:ImageButton ID="btnUp" runat="server" CommandName="moveup" ImageUrl="~/images/up.gif"/>

<asp:ImageButton ID="btnDn" runat="server" CommandName="movedn" ImageUrl="~/images/dn.gif"/>

</ItemTemplate>

</telerik:GridTemplateColumn>

I do not want to align the whole row either. Just the column/buttons.

I could however just align the column to be center, but I would rather have the buttons be in-line with the similar buttons.

I tried attaching an ID to the TemplateColumn, but there is no ID method. Also attempted a HorizontalAlign on the ImageButtons, but there isn't a method there either.

Is there currently a way to do this? Or am I being too picky.

Grid

answered on 18 Jun 2014

2 answers

528 views

Gridview Refresh

i want to fire refresh event of gridview after inserting data in database without calling databind function because data bind function is not working up to my desire , i want to fire the event of refresh gridview immediately after inserting Data into database.
Thanks in Advance.

Regards,
Muhammad Arsal Khan

Grid

answered on 18 Jun 2014

1 answer

401 views

ComboBox issue - Checkboxes = "True" and ItemTemplate

I have a radcombobox which has the checkbox property set to true and I am also using an item template for my radcombobox in order to display a tooltip for each item. Upon implementing all of this, the functionality actually works, however each checkbox along with its description is outlined by separate rows. I would like the checkbox associated to each item to be in the same row. How would I be able to achieve this format. I have attached an image to this forum post visually showing my issue. I am also posting code below to show how I am coding my radcombobox. Please Assist!

Code:

<telerik:RadComboBox EmptyMessage="Show All" ID="ddStatusFilter" checkboxes="True" runat="server" Width="130px" HighlightTemplatedItems="true" style="margin-left:14px;">

<itemtemplate>
<asp:Label runat="server" ID="lblEventName" Text='<%# Eval("Event_Name")%> '></asp:Label>
<telerik:RadToolTip ID="RadToolTip1" runat="server" Width="150" Height="10" TargetControlID="lblEventName" AutoCloseDelay="8000"
Position="BottomRight" Text='<%# Eval("Event_Desc")%>'>
</telerik:RadToolTip>

</itemtemplate>

</telerik:RadComboBox>

ComboBox

answered on 18 Jun 2014

1 answer

113 views

Sum of all columns

Is there a way to add column (preferably static) at the end of a grid to contain sum of other columns? Thank you

Grid

answered on 18 Jun 2014

2 answers

207 views

DynamicMultiPage with a TabStrip and a LoginView

I am using the TabStrip to dynamically add PageView's to my MultiView as shown in the "RadTabStrip and RadPanelBar for ASP.NET AJAX – Overview" training tutorial.

Everything works 100% fine, until I put it into a LoginView. Once the TabStrip and MultiPage are located inside a LoginView within the AnonymousTemplate (or any other "view" of the LoginView) and I run the code, the first click on any tab causes a Postback to be fired instead of an Ajax-Postback call. Once the postback is completed (i.e. the page is "reloaded") and I click on another tab (not the one I previously clicked), then the Ajax-Postback call happens as it should have the first time. If I place the TabStrip and the Multiview outside the LoginView, the Ajax-Postback call(s) take place as designed.

Has anybody had this kind of an issue before? I do not quite understand why the "first" postback is not handled by the Ajax library ... does anybody have an explanation for this?

I have modified the tutorial code in order to reproduce the error. I have placed the TabStrip and the MultiView within a WebControl. I have removed the comments from the tutorial code. Here ist the code that reproduces the error:

DynamicMultiPage.aspx

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeFile="DynamicMultiPage.aspx.cs" Inherits="DynamicMultiPage" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <%@ Register TagPrefix="UC" TagName="DynamicMultiPage" Src="DynamicMultiPage.ascx" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml"> 
        
            <head runat="server"> 
        
                <title>Untitled Page</title> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                    <telerik:RadScriptManager runat="server"></telerik:RadScriptManager> 
        
                    <telerik:RadAjaxManager runat="server"></telerik:RadAjaxManager> 
        
                    <asp:LoginView runat="server" ID="LoginView1"> 
        
                    <AnonymousTemplate> 
        
                        <UC:DynamicMultiPage runat="server" ID="DynamicMultiPage1" /> 
        
                    </AnonymousTemplate> 
        
                    </asp:LoginView> 
        
                </form> 
        
            </body> 
        
            </html>

DynamicMultiPage.aspx.cs

    
            using System; 
        
            using System.Web.UI.WebControls; 
        
            using Telerik.Web.UI; 
        
            partial class DynamicMultiPage : System.Web.UI.Page 
        
            { 
        
            }

DynamicMultiPage.ascx

    
            <%@ Control Language="C#" AutoEventWireup="true" CodeFile="DynamicMultiPage.ascx.cs" Inherits="DynamicMultiPage" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <script type="text/javascript"> 
        
                function onTabSelecting(sender, args) { 
        
                    if (args.get_tab().get_pageViewID()) { 
        
                        args.get_tab().set_postBack(false); 
        
                    } 
        
                } 
        
            </script> 
        
            <telerik:RadAjaxManagerProxy runat="server"> 
        
                <AjaxSettings> 
        
                    <telerik:AjaxSetting AjaxControlID="RadTabStrip1"> 
        
                        <UpdatedControls> 
        
                            <telerik:AjaxUpdatedControl ControlID="RadTabStrip1" /> 
        
                            <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" /> 
        
                        </UpdatedControls> 
        
                    </telerik:AjaxSetting> 
        
                </AjaxSettings> 
        
            </telerik:RadAjaxManagerProxy> 
        
            <div> 
        
                <telerik:RadTabStrip ID="RadTabStrip1" runat="server" SelectedIndex="2" MultiPageID="RadMultiPage1" OnClientTabSelecting="onTabSelecting" OnTabClick="RadTabStrip1_TabClick"> 
        
                    <Tabs> 
        
                        <telerik:RadTab runat="server" Text="Business" PageViewID="RadPageView1"> 
        
                        </telerik:RadTab> 
        
                        <telerik:RadTab runat="server" Text="Employees" PageViewID="RadPageView2"> 
        
                        </telerik:RadTab> 
        
                        <telerik:RadTab runat="server" Text="Customers" PageViewID="RadPageView3" Selected="True"> 
        
                        </telerik:RadTab> 
        
                    </Tabs> 
        
                </telerik:RadTabStrip> 
        
                &nbsp; 
        
                <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" OnPageViewCreated="RadMultiPage1_PageViewCreated"> 
        
                </telerik:RadMultiPage> 
        
            </div>

DynamicMultiPage.ascx.cs

    
            using System; 
        
            using System.Collections.Generic; 
        
            using System.Linq; 
        
            using System.Web; 
        
            using System.Web.UI; 
        
            using System.Web.UI.WebControls; 
        
            using Telerik.Web.UI; 
        
            public partial class DynamicMultiPage : System.Web.UI.UserControl 
        
            { 
        
                bool newPageView = false; 
        
                protected void Page_Load(object sender, System.EventArgs e) 
        
                { 
        
                    if (!(Page.IsPostBack)) 
        
                        ViewState["sequence"] = "0"; 
        
                } 
        
                protected void RadTabStrip1_TabClick(object sender, Telerik.Web.UI.RadTabStripEventArgs e) 
        
                { 
        
                    e.Tab.PageViewID = AddPageView(e.Tab.Text); 
        
                    e.Tab.PageView.Selected = true; 
        
                } 
        
                private string AddPageView(string pageViewID) 
        
                { 
        
                    RadPageView pageView = new RadPageView(); 
        
                    pageView.ID = pageViewID; 
        
                    newPageView = true; 
        
                    RadMultiPage1.PageViews.Add(pageView); 
        
                    return pageViewID; 
        
                } 
        
                protected void RadMultiPage1_PageViewCreated(object sender, Telerik.Web.UI.RadMultiPageEventArgs e) 
        
                { 
        
                    Label contentLabel = new Label(); 
        
                    contentLabel.ID = e.PageView.ID + "content"; 
        
                    int sequence = 0; 
        
                    if ((newPageView)) 
        
                    { 
        
                        sequence = Convert.ToInt32(ViewState["sequence"]) + 1; 
        
                        ViewState["sequence"] = Convert.ToString(sequence); 
        
                    } 
        
                    else 
        
                    { 
        
                        sequence = e.PageView.MultiPage.PageViews.Count; 
        
                    } 
        
                    contentLabel.Text = RadTabStrip1.Tabs[RadTabStrip1.SelectedIndex].Text + " added as page # " + Convert.ToString(sequence); 
        
                    e.PageView.Controls.Add(contentLabel); 
        
                } 
        
            }

TabStrip

answered on 17 Jun 2014

3 answers

74 views

Batch Editing

Hi,
1- How to avoid adding new record when press enter after editing a cell ?

2- How to hide Add new record button ?

Thanks
Mansi

Grid

answered on 17 Jun 2014

3 answers

140 views

[Solved] RadTreeView node.startEdit and Server Code

Hi,
i have a radtreeview with contextmenu. In javascript i execute following

function onClientContextMenuItemClicking(sender, args) {

selectedoption = args.get_menuItem().get_value();

selectednode = args.get_node();

menuItem = args.get_menuItem();

treeNode = args.get_node();

menuItem.get_menu().hide();

switch (menuItem.get_value()) {

case "FsFolder-Create":

//treeNode.startEdit();

//args.set_cancel(true);

//radprompt('Enter Node Name', promptCallBackFn);

var treeFs = $find('ctl00_MainContent_RadTreeViewFileShare');

treeFs.trackChanges();

var newNode = new Telerik.Web.UI.RadTreeNode();

newNode.set_value(2);

newNode.set_text('New Folder (' + (treeNode.get_nodes().get_count() + 1) + ')');

newNode.set_imageUrl('../Content/Images/TreeView/FolderAllow.png');

treeNode.get_nodes().add(newNode);

treeNode.set_expanded(true);

newNode.startEdit();

// treeFs.commitChanges();

args.set_cancel(true);

break;

case "FsFolder-Rename":

treeNode.startEdit();

args.set_cancel(true);

break;

case "FsFolder-Delete":

if (!clickCalledAfterRadconfirm) {

args.set_cancel(true);

menuItemDel = args.get_menuItem();

radconfirm('Are you sure you want to delete the folder: <b>' + treeNode.get_text() + '</b>', confirmCallBackFn, 300, 120, null, 'Folder Delete');

}

break;

}

hit ENTER this starts the server side event ...NodeEdit.

I need to execute server side ...ContextMenuItemClick after javascript treeNode.startEdit.
Is this possible?

TreeView

answered on 17 Jun 2014

3 answers

106 views

Grid Grouping + Drag'n'Drop

Is it possible to have drag'n'drop rows as well as having grid grouping enabled? I can't seem to get d'n'd to work when I turn on grouping. If it is possible, is there a guide I could follow to see where I'm going wrong?

Grid

answered on 17 Jun 2014

1 answer

134 views

why doesn't it work

Only loading....

<telerik:RadMediaPlayer ID="RadMediaPlayer1" HDActive="True" Width="640" Height="356" runat="server">
</telerik:RadMediaPlayer>

In code behind

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

RadMediaPlayer1.Source = "~/presentvideo/dansskola.mp4"

RadMediaPlayer1.HDSource = "~/presentvideo/dansskola_hd.mp4"

RadMediaPlayer1.Poster = "~/posters/dansskola.jpg"

End Sub

http://www.junis.net/test2/

MediaPlayer

answered on 17 Jun 2014

3 answers

118 views

e.DraggedItems.DataItem(0).Row.newRecord not correct

I am using the drag and drop feature of the RadGrid. I am attempting to determine where in the grid I am dragging and dropping a specific row. Say my grid has 4 rows. I attempt to move the first row to the last row. When I go into e.DraggedItems.DataItem(0).Row.newRecord I see that the newRecord number is the same as oldRecord. I also get an error saying that a non-negative number is required for parameter length if I attempt to do something like

If e.DraggedItems.DataItem(0).Row.newRecord = e.DraggedItems.DataItem(0).Row.oldRecord Then

End If

I am only attempting to get the first row that is dragged as I have multi drag turned off.

Am I going about getting the dropped location correctly? Or is there a better way?

Grid

answered on 17 Jun 2014