Telerik Forums
UI for ASP.NET AJAX Forum
5 answers
367 views

Greetings!

I'm using the demo of the basic Split Button's functionality as found in  https://demos.telerik.com/aspnet-ajax/button/examples/splitbutton/defaultvb.aspx as the basis of my solutin / question.

I have a need for the right edge of the ContextMenu to be in line with the right edge of the SplitButton. My ContextMenu items are being loaded dynamically depending on certain conditions of the state of the form.

I have tried the following adaptation of the display function:

function btnWFlowSplitClicked(sender, args) {
    if (args.IsSplitButtonClick() || !sender.get_commandName()) {
        var currentLocation = $telerik.getBounds(sender.get_element());
        var contextMenu = $find("<%= ctxWFlowSplit.ClientID %>");
        var ctxSize = $telerik.getBounds(contextMenu.get_element());
        //alert('split x:' + currentLocation.x + ' w:' + currentLocation.width);
        //alert('ctx w:' + ctxSize.width);
        var ctx_x = ctxSize.width - (currentLocation.x + currentLocation.width);
        //alert('ctx_x:' + ctx_x);
 
        contextMenu.showAt(ctx_x, currentLocation.y + currentLocation.height);
    }
}

 

... but the value "ctxSize.width" keeps being set to 0 , which makes the context menu x position equal to a negative number, and unusable!

Does anyone have any ideas?

Thanks in advance

Vessy
Telerik team
 answered on 05 Apr 2021
4 answers
138 views

I've implemented the GanttCustomProvider to give me more properties on the task - using a project supplied by a kind persons at Telerik, think it was Peter Milchev .

 

However the GetTasks function in the GanttCustomProvider.vb needs to take into account filters specified by a RadComboBox on the calling page however I don't seem to be able to get to that control.

 

Regards

Steve

Peter Milchev
Telerik team
 answered on 05 Apr 2021
12 answers
160 views

hi,

we are creating the line chart using the below code when i create the line chart side by side line are missing in one of the chart sometimes. below is the code used to build the line chart attached are the images of the line chart. Please help.

Vessy
Telerik team
 answered on 02 Apr 2021
4 answers
309 views
<rad:RadAjaxPanel ID="AjaxDetails" runat="server" ClientEvents-OnResponseEnd="afterAjax" LoadingPanelID="LoadingPanel1"><br>    <asp:Label ID="lblError" runat="server" Visible="false" ForeColor="Red" Font-Bold="true" style="margin-left:8px;" /><br>    <table width="908px" cellpadding="0"  cellspacing="0" border="0" style="margin-left:8px;"><br>    <tr><br>        <td class="fieldNameBefore formcol_3"><dash:LocResource ID="LocResource5" ResourceName="FlyingTitle" runat="server" />:</td><br>        <td class="fieldNameInsider formcol_2" colspan="3"><asp:TextBox ID="txtTitle" runat="server" Text="" style="width:740px"/></td><br>    </tr><br>    <tr><br>        <td class="fieldNameBefore formcol_4"><dash:LocResource ID="LocResource111" ResourceName="Product" runat="server" />:</td><br>        <td class="fieldNameInsider formcol_5"><br>            <rad:RadComboBox ID="selProduct" runat="server" Skin="Vista" Width="250px" <br>                Height="200" ExpandAnimation-Type="None" CollapseAnimation-Type="None"<br>                AllowCustomText="false" <br>                DataTextField="ProductName"<br>                DataValueField="ProductId"<br>                OnClientSelectedIndexChanged="productSelect"<br>                AppendDataBoundItems="true"><br>                    <Items><br>                    </Items><br>                </rad:RadComboBox><br>                <asp:TextBox ID="txtProductName" runat="server" Text="" style="width:250px" Visible="false" ReadOnly="true"/><br>        </td><br>        <td class="fieldNameBefore formcol_4444"><dash:LocResource ID="LocResource77" ResourceName="Active" runat="server" />:</td><br>        <td class="fieldNameInsider formcol_45555"><br>            <asp:CheckBox ID="chkActive" runat="server" /><asp:TextBox runat="server" ID="txtActive" ReadOnly="true" Visible="false" CssClass="readOnlyText"></asp:TextBox><br>        </td><br>    </tr><br>    <tr><br>        <td class="fieldNameBefore formcol_3"><dash:LocResource ID="LocResource99" ResourceName="TemplatePreview" runat="server" />:</td><br>        <td class="fieldNameInsider formcol_2" colspan="3"><br>            <div id="divTemplatePreview" class="previewTextArea" runat="server" style="width:735px;margin-bottom:5px;height:230px;overflow:scroll;"></div><br>        </td><br>    </tr><br></rad:RadAjaxPanel><br><div id="divCommunicationOuter" runat="server" visible="false"><br>    <div class="formSubSectionName"><dash:LocResource ID="LocResource111111" ResourceName="FlyingCommunications" runat="server" /></div><br>    <div id="divCommunicationList" style="margin-right:8px;width:400px;height:300px;overflow:hidden;float:left;"><br>        <rad:RadAjaxPanel runat="server" ID="ActivityListPanel" LoadingPanelID="LoadingPanel2" ClientEvents-OnResponseEnd="selectFirstCommunication"><br>            <rad:RadGrid ID="GridCommunication" Skin="Vista"<br>                EnableEmbeddedSkins="false"<br>                AllowSorting="False"<br>                ShowFooter="False" <br>                EnableAJAX ="true"<br>                ShowHeader="False"<br>                AllowPaging="False" <br>                AutoGenerateColumns="false"<br>                runat="server"<br>                GridLines="Both"<br>                Width="400px"<br>                ><br>                <MasterTableView ClientDataKeyNames="FlyingCommunicationId" Width="400px"><br>                    <Columns><br>                        <rad:GridTemplateColumn UniqueName="TemplateColumn" ItemStyle-CssClass="activityRow"><br>                            <ItemStyle Width="350" /><br>                            <ItemTemplate><br>                                <span style="font-weight:bold;">1</span><br /><br>                                <span style="width:350px; overflow:hidden">2</span><br>                             </ItemTemplate><br>                         </rad:GridTemplateColumn><br>                    </Columns><br>                </MasterTableView><br>                <ClientSettings><br>                    <Scrolling AllowScroll="true" ScrollHeight="300px"></Scrolling><br>                    <Selecting AllowRowSelect="true"></Selecting><br>                    <ClientEvents OnRowSelected="communicationSelected" OnGridCreated="communicationLoaded" /><br>                </ClientSettings><br>            </rad:RadGrid><br>            <div style="display:none;"><br>                <asp:Button ID="btnRefreshCommunicationList" runat="server" OnClick="LoadCommunicationList" /><br>                <asp:TextBox ID="txtFlyingIDComm" runat="server" style="display:none"/><br>            </div><br>        </rad:RadAjaxPanel><br>    </div><br>    <rad:RadToolBar Skin="Vista" runat="server" ID="ToolbarCommunication" OnClientButtonClicked="toolbar_handler" style="width:526px;" EnableEmbeddedSkins="false"><br>        <Items><br>            <rad:radtoolbarbutton Tooltip="Add Communication" Value="newcommunication" CommandName="newcommunication" Text="Add Communication" ImageUrl="~/images/toolbar/2.png"  /><br>            <rad:radtoolbarbutton Enabled="false" Tooltip="Edit Communication" Value="editcommunication" CommandName="editcommunication" Text="Edit Communication" ImageUrl="~/images/toolbar/3.png"  /><br>        </Items><br>    </rad:RadToolBar><br>    <div id="divCommunicationDetail" style="width:526px;height:300px;overflow:scroll;float:left;"><br>        <rad:RadXmlHttpPanel runat="server" ID="CommunicationDetailPanel" OnServiceRequest="LoadCommunication" LoadingPanelID="LoadingPanel2" Value="" ><br>                <div id="divCommunicationDetailInner" runat="server" style="padding:5px;"><br>                </div><br>                <asp:TextBox ID="txtFlyingCommunicationID" runat="server" style="display:none;" /><br>        </rad:RadXmlHttpPanel><br>    </div><br>    <div style="clear:both"></div><br></div><br><br><rad:RadAjaxManager ID="RadAjaxManager1" runat="server"><br>    <AjaxSettings><br>    <rad:AjaxSetting AjaxControlID="btnUpdateList"><br>        <UpdatedControls><br>            <rad:AjaxUpdatedControl ControlID="gridFlyings" LoadingPanelID="LoadingPanel1" /><br>        </UpdatedControls><br>    </rad:AjaxSetting><br>        <rad:AjaxSetting AjaxControlID="btnLoadPreview"><br>            <UpdatedControls><br>                <rad:AjaxUpdatedControl ControlID="divTemplatePreview" LoadingPanelID="LoadingPanel2" /><br>            </UpdatedControls><br>        </rad:AjaxSetting><br>    </AjaxSettings><br></rad:RadAjaxManager>

 

 

I use AjaxUpdatedControl to update divTemplatePreview with LoadingPanel2. But the resulting HTML codes contain duplicate <div> for id = ctl00_ContentArea_ctl00_ContentArea_divTemplatePreviewPanel as follows.

 

 

<p><div class="RadAjaxPanel" id="ctl00_ContentArea_ctl00_ContentArea_divTemplatePreviewPanel" style="display: block;"><br>                <div id="ctl00_ContentArea_divTemplatePreview" class="previewTextArea" style="width:735px;margin-bottom:5px;height:230px;overflow:scroll;"></div><br>           </div></p><p></p><p><div class="RadAjaxPanel" id="ctl00_ContentArea_ctl00_ContentArea_divTemplatePreviewPanel"></div></p>
Joshua
Top achievements
Rank 1
 answered on 01 Apr 2021
4 answers
176 views

Hi, I'm new to telerik controls. I'm trying to implement auto filter option in the telerik radgrid

   <telerik:RadGrid ID="rgDashboard" ShowStatusBar="true" runat="server" AllowFilteringByColumn="true"
           AutoGenerateColumns="False" AllowSorting="true" OnNeedDataSource="RadGrid1_NeedDataSource"
           onsortcommand="rgDashboard_SortCommand" AllowPaging="true" PageSize="200">
           <GroupingSettings CaseSensitive="false" />
           <PagerStyle Mode="NumericPages" Position="TopAndBottom" ShowPagerText="false"> </PagerStyle>           
           <MasterTableView HeaderStyle-CssClass="goalGridHeader TableHeader" AllowFilteringByColumn="true">
           <Columns>               
                <telerik:GridBoundColumn DataField="Center" HeaderText="Center Name"                 
                 AutoPostBackOnFilter="true" CurrentFilterFunction="Contains"
                            ShowFilterIcon="false" />
                <telerik:GridBoundColumn DataField="Instructor" HeaderText="Instructor Name" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains"
                            ShowFilterIcon="false"   />
                <telerik:GridBoundColumn DataField="CenterID" HeaderText="Center ID" AllowFiltering="false"/>
                 <telerik:GridTemplateColumn  HeaderText="" AllowFiltering="false">
                    <ItemTemplate>
                      <asp:LinkButton ID="lnkEdit" Text="View" CssClass="btn btn-view btn-sm" OnClick="lnkEdit_OnClick" runat="server"  />
                    </ItemTemplate>
                </telerik:GridTemplateColumn>
            </Columns>
            </MasterTableView>
        </telerik:RadGrid>

 

In code behind, I have filldata which binds the data to radgrid

 

  private void filldata()
        {
            DataSet ds = new DataSet();
            ds = gdh.GetCentersByFC(UserName, Admin, Email);
            try
            {
                if ((ds != null) && (ds.Tables.Count > 0) && (ds.Tables[0].Rows.Count > 0))
                {
                    lbldispBranch.Text = ds.Tables[0].Rows[0]["Branch"].ToString();
                   // lblLoggedInUser.Text = ds.Tables[0].Rows[0]["FCName"].ToString();
                }

                rgDashboard.DataSource = ds;
                rgDashboard.DataBind();
            }
            catch (Exception ex)
            {
                GeneralHelper.LogFile(ex);
            }
        }

  protected void rgDashboard_SortCommand(object sender, GridSortCommandEventArgs e)
        {
            filldata();
        }

        protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
        {
            filldata();
        }

I'm able to get the desired results, but getting below error after filter RadGrid1_NeedDataSource executes

Telerik.Web.UI.GridBindingException: You should not call DataBind in NeedDataSource event handler. DataBind would take place automatically right after NeedDataSource handler finishes execution.
   at Telerik.Web.UI.RadGrid.DataBind()

Vessy
Telerik team
 answered on 31 Mar 2021
2 answers
181 views

Hi,

My application opens modal dialogs on the client using RadWindowManager.  I want to be able to open the dialog with a border or without.  I've attached a boiled down example.  The main page, Test.aspx, has two buttons for opening either one entirely client side.  When you launch Test.aspx, then click "Has Border", you get a modal dialog (containing Test2.aspx) with a Black skin border.  If instead, after launching Test.aspx, you click "No Border", you get a modal dialog without a border.  Good.

Now here's the issue:  Launch Test.aspx, and open a "No Border" dialog, then close it.  Now click "Has Border", but you still get a "No Border" dialog.  Basically whatever you click the first time, is what you get on all subsequent clicks.  The script in Test.aspx is attempting to change the cssClass on the fly, which doesn't seem to work.  The goal is to be able to open the page, open and close dialogs with the desired border or not, without having to refresh the page.

What am I not doing?  Or is something not working right?

Dave

Test.aspx:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Test.aspx.cs" Inherits="Test" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
 
<!DOCTYPE html>
 
<head id="head1" runat="server">
    <title></title>
 
    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
        <script type="text/javascript">
 
            function onOpenHasBorder(sender, args) {
                args.set_cancel(true);
 
                var mgr = GetRadWindowManager();
                mgr.set_cssClass('');
 
                var dlg = mgr.open('Test2.aspx', null);
                dlg.set_cssClass('');
            }
 
            function onOpenNoBorder(sender, args) {
                args.set_cancel(true);
 
                var mgr = GetRadWindowManager();
                mgr.set_cssClass('noBorder');
 
                var dlg = mgr.open('Test2.aspx', null);
                dlg.set_cssClass('noBorder');
            }
 
        </script>
    </telerik:RadCodeBlock>
 
    <style type="text/css">
 
        .noBorder .rwCorner .rwTopLeft,
        .noBorder .rwTitlebar,
        .noBorder .rwCorner .rwTopRight,
        .noBorder .rwIcon,
        .noBorder table .rwTopLeft,
        .noBorder table .rwTopRight,
        .noBorder table .rwFooterLeft,
        .noBorder table .rwFooterRight,
        .noBorder table .rwFooterCenter,
        .noBorder table .rwBodyLeft,
        .noBorder table .rwBodyRight,
        .noBorder table .rwTitlebar,
        .noBorder table .rwTopResize,
        .noBorder table .rwStatusbar,
        .noBorder table .rwStatusbar .rwLoading
        {
            display: none !important;
            background-image: none !important;
        }   
 
    </style>
 
</head>
 
<body>
    <form id="form1" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" EnablePageMethods="true" runat="server" />
 
        <br />
        <br />
 
        <telerik:RadButton ID="btnHasBorder" runat="server"
            Text="Has Border"
            OnClientClicking="onOpenHasBorder"
        />
 
        <br />
        <br />
 
        <telerik:RadButton ID="btnNoBorder" runat="server"
            Text="No Border"
            OnClientClicking="onOpenNoBorder"
        />
 
        <telerik:RadWindowManager ID="modalWindowMgr" runat="server"
            EnableShadow="false"
            Behaviors="Close, Move"
            DestroyOnClose="true"
            VisibleOnPageLoad="false"
            Skin="Black"
             
            AutoSize="false"
            Width="800px"
            Height="580px"
            ReloadOnShow="false"
            ShowContentDuringLoad="false"
            Modal="true"
            EnableViewState="false"
            VisibleStatusbar="false"
            Style="z-index:9000"
        />
    </form>
</body>
</html>

 

Test2.aspx:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Test2.aspx.cs" Inherits="Test2" %>
<%@ Register TagPrefix="STL" TagName="cssConfirmDialog" src="~/css/dialogConfirm.ascx" %>
 
<!DOCTYPE html>
 
<head id="Head1" runat="server">
    <meta charset="utf-8"/>
    <title></title>
 
    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
        <script type="text/javascript">
 
            function onCloseClicking(sender, args) {
                args.set_cancel(true);
                window.close();
            }
 
        </script>
    </telerik:RadCodeBlock>
 
    <style type="text/css">
 
        html,body,form
        {
            height:100%;
            margin:0;
            padding:0;
        }
 
    </style>
 
</head>
<body>
    <form id="form1" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" EnablePageMethods="true" runat="server" />
 
        <table style="height:100%; width:100%">
            <tr>
                <td style="vertical-align:middle; text-align: center;">
                    <div>
                        <telerik:RadButton ID="btnOK" runat="server" Text="Close Window"
                            AutoPostBack="false"
                            OnClientClicking="onCloseClicking"
                        />
                    </div>
                </td>
            </tr>
        </table>
 
    </form>
</body>
</html>
Dave
Top achievements
Rank 1
Iron
Veteran
Iron
 answered on 31 Mar 2021
1 answer
96 views

When uploading large video files, the progress bar goes to 100% and then the control hangs.  If I wait long enough, then the FileUploaded event will fire.  
After a 700MB was uploaded, it took an additional 8 minutes for the upload to complete.  After a 30MB file was uploaded, it took an additional 15 seconds to complete.  Reading the files from cloud storage is fast.

Web.config:

<httpRuntime enableVersionHeader="false" targetFramework="4.6" maxRequestLength="1024000" executionTimeout="36000" maxQueryStringLength="4096" />

 

<telerik:RadCloudUpload runat="server" ID="RadCloudUploadVideo" ProviderType="Azure" RenderMode="Auto" AllowedFileExtensions=".mp4, .webm, .ogv"
Localization-SelectButtonText="Select MP4, WebM, or Ogv file to Upload" HttpHandlerUrl="~/Code/handlerVideoUpload.ashx" OnClientFileUploaded="fileUploaded">
<FileListPanelSettings RenderButtonText="true" />
</telerik:RadCloudUpload>

 

Any ideas on what is causing this or how to troubleshoot?

Peter Milchev
Telerik team
 answered on 31 Mar 2021
1 answer
393 views

I have a table inside a ClientTemplate which has a <tr id="trFeeder"> which I want to set the background colour in the OnClientDataBound but I can't work out the syntax - javascript really isn't my forte.

If I use $get then only the first instance of the <tr> is changed.

 

 

        function OnClientDataBound(sender, args) {
            var undefined = void (0)

            var gantt = sender._widget;

            gantt.element.find(".rgtTask ").each(function (e) {
                var dataItem = gantt.dataSource.getByUid($(this).attr("data-uid"));

                // this works for the entire control
                if (dataItem.shortages_Exist == false) {
                    this.style.backgroundColor = "#D8FF96";
                    this.style.color = "#000000";
                } else {
                    this.style.backgroundColor = "#9f9";
                    this.style.color = "#000000";
                }

                //can't get the syntax to change the trFeeder in the table/tr
                if (dataItem.operation_No != undefined) {
                    if (dataItem.operation_No != "") {
                        
                        if (dataItem.setup_On_Feeder == true) {
                            sender.$get("trFeeder").style.backgroundColor = "#FFFFFF";
                            //$get("trFeeder").style.backgroundColor = "#FFFFFF";
                        } else {
                            sender.$get("trFeeder").style.backgroundColor = "#CCCCCC";
                            //$get("trFeeder").style.backgroundColor = "#CCCCCC";
                        }
                    }
                }
                this.style.backgroundImage = 'none';
            });
        }

Peter Milchev
Telerik team
 answered on 31 Mar 2021
1 answer
220 views

Hi,

I have page with few buttons that is used to open window, if the page is at normal position (that is not scrolled down) the window opens nicely in the center position. If the page is scrolled down even for tiny pit the windows open at the bottom of the page and some times at position I have to scroll down to see it.

 

I have tried the code bellow but it did not work:

var oWnd = radopen('../maps/geoLocationMap.aspx?QID=' + args.get_commandArgument(), "GeoMAPwindow");
 oWnd.center();

 

Regards,

Omar

Vessy
Telerik team
 answered on 30 Mar 2021
5 answers
230 views

Does RadImageEditor support Click event?

What we would like to do, is to collect Zoom level and position after Click event. The reason for this is that we would like to show
ground plan to the user and he could mark location of a problem. Not to draw anything.

 

Vessy
Telerik team
 answered on 30 Mar 2021
Narrow your results
Selected tags
Tags
+? more
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?