Telerik Forums
UI for ASP.NET AJAX Forum
2 answers
109 views

Hi,

I am having an issue with the RadToolTip when I resize my broser window and the width of the tooltip is not set. When I resize the browser, the border left and right disappear.

I have manage reproduce the problem in a blank page with the following code :

<telerik:RadScriptManager ID="RadScriptManager1" runat="server" EnablePartialRendering="True" LoadScriptsBeforeUI="True">
</telerik:RadScriptManager>
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" UpdatePanelsRenderMode="Inline">
</telerik:RadAjaxManager>
 
<asp:Label ID="LabelForToolTipTest" runat="server" Text="Label avec Telerik ToolTip"></asp:Label>
<telerik:RadToolTip ID="RadToolTipForLabel" runat="server" TargetControlID="LabelForToolTipTest" Position="BottomRight" HideDelay="5000">
    <div style="width:500px"></div>
</telerik:RadToolTip>
 

If i set a width to the tooltip the problem is solved, but in my case this is not possible, because the content is always different. The same issue occurs with the RadToolTipManager.

Thank for your help,

Guillaume

Marin Bratanov
Telerik team
 answered on 02 Jul 2015
2 answers
181 views

Good day...

I would appreciate if someone take a look at my code below and tell me (or give me some direction to search for) the reason of the popup edit form not shown.

 

PLEASE do not direct me to a Telerik demo or some other link. I have spent enough time looking and studying them all (I believe).

 

If someone does look at my code, let me help by directing you to focus on the grdManuf in the GenUtils.aspx

If I switch back the MasterTableView.EditMode from <PopUp> to <EditForms>, everything is working fine and I can see the form, edit etc.

I have also attached a small screen file to show you what happens when the user hits the edit icon (third row), while in the PopUp EditMode.

 

Again, I will appreciate if anyone DOES look my code and tell me my error.

Thanks 

 

GenUtils.aspx

<%@ Page Title="GenUtils" Language="VB" MasterPageFile="~/MasterPage.master"
  AutoEventWireup="false" EnableEventValidation="false" CodeFile="GenUtils.aspx.vb"
  Inherits="Utilities_GenUtils" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<asp:Content runat="server" ID="FeaturedContent" ContentPlaceHolderID="PageTitle">
  <h1><%: Title %></h1>
</asp:Content>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
</asp:Content>


<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="Server">

  <telerik:RadSkinManager ID="QsfSkinManager" runat="server" ShowChooser="false" />
  <telerik:RadCodeBlock ID="RadCodeBlock2" runat="server">

    <script type="text/javascript">

      function RowDblClick(sender, eventArgs) {
        sender.get_masterTableView().editItem(eventArgs.get_itemIndexHierarchical());
      }

      function onPopUpShowing(sender, args) {
        args.get_popUp().className += " popUpEditForm";
      }
    </script>

  </telerik:RadCodeBlock>

  <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="grdManuf">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="grdManuf" LoadingPanelID="RadAjaxLoadingPanel1"></telerik:AjaxUpdatedControl>
                </UpdatedControls>
            </telerik:AjaxSetting>
     </AjaxSettings>
  </telerik:RadAjaxManager>

  <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">
  </telerik:RadAjaxLoadingPanel>

  <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecorationZoneID="divMain"
    DecoratedControls="All" EnableRoundedCorners="false" />

  <div id="divMain" style="position: relative; top: 0px;">

    <telerik:RadWindowManager ID="RadWindowManager2" runat="server"
      EnableShadow="true">
    </telerik:RadWindowManager>

    <telerik:RadNotification ID="n2" runat="server" Text="" Position="Center"
      AutoCloseDelay="5000" Width="450" Title="" KeepOnMouseOver="true"
      EnableRoundedCorners="true" Animation="Resize" ContentIcon="warning"
      AnimationDuration="700" TitleIcon="none" Font-Size="12px" Font-Bold="True"
      ShowCloseButton ="true">

    </telerik:RadNotification>


    <div id="divMainBottom" style="position: relative; top: 10px;height: 400px">

      <div id="divManuf" runat="server" style="border: 1px solid #0000FF;
        display: inline-block; margin-right: 5px; vertical-align: top; width:522px;
        background-color: #F4FFDD;">

        <div id="div5" style="position: relative; left: 10px; top: 2px;">

          <asp:Table ID="Table9" runat="server" Style="solid,thick; width:502px">
            <asp:TableRow Height="22px">

              <asp:TableCell Width="12px">
              </asp:TableCell>

              <asp:TableCell HorizontalAlign="Left"  Width="226px">
                <asp:TextBox ID="txtFndManuf" runat="server"
                  Width="218px" AutoPostBack="True"
                  OnTextChanged="txtFndManuf_TextChanged">
                </asp:TextBox>
              </asp:TableCell>

              <asp:TableCell HorizontalAlign="Center"  Width="128px">
                <asp:Label ID="Label4" runat="server" Text="Manufacturers"
                  CssClass="SectionTitle">
                </asp:Label>
              </asp:TableCell>

              <asp:TableCell HorizontalAlign="Left"  Width="136px">
                <asp:TextBox ID="txtFndPho" runat="server"
                  Width="118px" AutoPostBack="True"
                  OnTextChanged="txtFndPho_TextChanged">
                </asp:TextBox>
              </asp:TableCell>

            </asp:TableRow>
          </asp:Table>

          <telerik:RadGrid ID="grdManuf" runat="server"
            Width="502px" 
            AllowPaging="True" PageSize="14"
            PagerStyle-PageSizeControlType="None"
            PagerStyle-Mode="NextPrev" PagerStyle-ShowPagerText="false"
            PagerStyle-PageButtonCount="14" AutoGenerateColumns="False"
            OnUpdateCommand="grdManuf_UpdateCommand"
            OnItemDataBound="grdManuf_ItemDataBound"
            OnNeedDataSource="grdManuf_NeedDataSource"
            AllowAutomaticInserts="false"
            ShowStatusBar="false" Skin="Vista">

            <MasterTableView Width="100%" CommandItemDisplay="none"
              DataKeyNames="Man_ID" EditMode="PopUp" 
              CommandItemSettings-AddNewRecordText="" AllowSorting="False"
              CommandItemSettings-ShowRefreshButton="False"
              CommandItemSettings-AddNewRecordImageUrl=""
              CommandItemStyle-HorizontalAlign="center"
              CommandItemStyle-BorderStyle="None">

              <EditFormSettings UserControlName="Manuf.ascx"
                EditFormType="WebUserControl">
                <EditColumn ButtonType="ImageButton" />
                <PopUpSettings Modal="true" ZIndex="100010" />
                <EditColumn UniqueName="EditCommandColumn">
                    </EditColumn>
              </EditFormSettings>

              <Columns>
                <telerik:GridEditCommandColumn ButtonType="ImageButton"
                  UniqueName="EditCommandColumn" ItemStyle-BorderStyle="None"
                  ItemStyle-Width="14px" EditImageUrl="" EditText="Manage Manufacturer"
                  HeaderStyle-Width="14px">
                </telerik:GridEditCommandColumn>

                <telerik:GridBoundColumn DataField="Man_Name"
                  HeaderText="Manufacturer Name" UniqueName="Man_Name"
                  ItemStyle-HorizontalAlign="Left"
                  HeaderStyle-HorizontalAlign="Left"
                  ReadOnly="True" HeaderStyle-Width="220px"
                  ItemStyle-Width="220px">
                </telerik:GridBoundColumn>

                <telerik:GridBoundColumn DataField="Addr_Str1"
                  HeaderText="Street Address" UniqueName="Addr_Str1"
                  ItemStyle-HorizontalAlign="Left"
                  HeaderStyle-HorizontalAlign="Left"
                  ReadOnly="True" HeaderStyle-Width="130px"
                  ItemStyle-Width="130px">
                </telerik:GridBoundColumn>

                <telerik:GridBoundColumn DataField="Man_Phone1"
                  HeaderText="Phone" UniqueName="Man_Phone1"
                  ItemStyle-HorizontalAlign="Left"
                  HeaderStyle-HorizontalAlign="Left"
                  ReadOnly="True" HeaderStyle-Width="120px"
                  ItemStyle-Width="120px">
                </telerik:GridBoundColumn>

                <telerik:GridButtonColumn ButtonType="ImageButton"
                  CommandName="Delete" UniqueName="DeleteCommandColumn"
                  HeaderStyle-Width="18px" ItemStyle-Width="18px"
                  Text="Delete Payment">
                </telerik:GridButtonColumn>

              </Columns>
            </MasterTableView>

            <ClientSettings Selecting-AllowRowSelect="true" EnableRowHoverStyle="true">
                  <Scrolling AllowScroll="False"></Scrolling>
                  <ClientEvents OnRowDblClick="RowDblClick"
                    OnRowClick="RowClick" OnPopUpShowing="PopUpShowing"/>
            </ClientSettings>

          </telerik:RadGrid>

          <asp:Table ID="Table10" runat="server" Width="502px">
            <asp:TableRow Style="height: 20px !important;">
              <asp:TableCell>
                <asp:Button ID="btnAddManuf" runat="server"
                  AlternateText="Add Manufacturer"
                  Enabled="false" CssClass="addlongbutton"
                  ToolTip="Add New Manufacturer" />
              </asp:TableCell>
            </asp:TableRow>
          </asp:Table>
        </div>
      </div>
  </div>
  </div>

</asp:Content>

 

 

MasterPage.master

<%@ Master Language="vb" AutoEventWireup="True" CodeFile="~/MasterPage.master.vb" Inherits="MasterPage" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
  <meta charset="utf-8" />
  <title><%: Page.Title %></title>
  <link href="~/App_Themes/Images/favicon.ico" rel="shortcut icon" type="App_Themes/Images/favicon.ico" />
  <asp:ContentPlaceHolder ID="myPlaceholder" runat="server">
    <link href="<% =ResolveClientUrl("~/StyleSheet.css")%>" rel="stylesheet"
      type="text/css" />
  </asp:ContentPlaceHolder>
  <asp:ContentPlaceHolder ID="head" runat="server">
  </asp:ContentPlaceHolder>

  <script src="//code.jquery.com/jquery-1.10.2.js"></script>

</head>

<body>
  <form id="Form1" runat="server" defaultbutton="HiddenButtonToDisableEnterKey">
    <%--<header>--%>

  <telerik:RadScriptManager ID="RadScriptManagerMaster"
    EnableScriptCombine="false" EnablePageMethods="true" runat="server">
    <Services>
      <asp:ServiceReference Path="~/SessionAccessService.asmx" />
    </Services>
  </telerik:RadScriptManager>

    <asp:Button ID="HiddenButtonToDisableEnterKey" runat="server"
      Text="Button" Style="display: none;" OnClientClick="return false;" />

    <div class="content-wrapper">
      <div class="float-left">
        <p class="logo">
          <a id="logo" runat="server" href="~/Home.aspx">
            <%--<img src="App_Themes/Images/logo.png" alt="logo.png" /></a>--%>
            <asp:Image ID="Image1" runat="server" ImageUrl="~/App_Themes/Images/logo.png" AlternateText="Logo" />
          </a>
        </p>
      </div>
      <section class="featured">
        <%--<h3>
                    <asp:Literal runat="server" ID="PageTitleLiteral" /></h3>--%>
        <div class="site-title">
          <asp:ContentPlaceHolder runat="server" ID="PageTitle" />
        </div>
        <div class="NavMenu">
          <%--<asp:ContentPlaceHolder ID="NavMenu" runat="server">--%>
          <telerik:RadMenu ID="RadtopMenu" runat="server" Skin="Silk" Width="100%" Height="52px">
            <Items>
              <telerik:RadMenuItem runat="server" NavigateUrl="~/Home.aspx" Text="Home">
              </telerik:RadMenuItem>
              <telerik:RadMenuItem runat="server" Text="Stock">
                <Items>
                  <telerik:RadMenuItem runat="server" Text="Items">
                    <Items>
                      <telerik:RadMenuItem runat="server" Text="Details" NavigateUrl="~/Items_MainForm.aspx">
                      </telerik:RadMenuItem>
                      <telerik:RadMenuItem runat="server" NavigateUrl="~/ProductStatus/Asmf.aspx" Text="Product Status">
                      </telerik:RadMenuItem>
                    </Items>
                  </telerik:RadMenuItem>
                  <telerik:RadMenuItem runat="server" Text="Purchasing">
                    <Items>
                      <telerik:RadMenuItem runat="server" Text="Tenders" NavigateUrl="~/Purchasing_Tenders.aspx">
                      </telerik:RadMenuItem>
                      <telerik:RadMenuItem runat="server" NavigateUrl="~/Purchasing_MainForm.aspx" Text="Orders">
                      </telerik:RadMenuItem>
                    </Items>
                  </telerik:RadMenuItem>
                </Items>
              </telerik:RadMenuItem>
              <telerik:RadMenuItem runat="server" Text="Production">
              </telerik:RadMenuItem>
              <telerik:RadMenuItem runat="server" Text="Packing">
              </telerik:RadMenuItem>
              <telerik:RadMenuItem runat="server" NavigateUrl="~/Engineering/Operation.aspx" Text="Engineering">
              </telerik:RadMenuItem>
              <telerik:RadMenuItem runat="server" Text="Utilities">
                <Items>

                  <telerik:RadMenuItem runat="server" Text="Stock Utilities">
                  </telerik:RadMenuItem>

                  <telerik:RadMenuItem runat="server" Text="Production Utilities">
                  </telerik:RadMenuItem>

                  <telerik:RadMenuItem runat="server" Text="Packing Utilities">
                    <Items>
                      <telerik:RadMenuItem runat="server" Text="Packing Material Size">
                      </telerik:RadMenuItem>
                    </Items>
                  </telerik:RadMenuItem>

                  <telerik:RadMenuItem runat="server" Text="General" NavigateUrl="~/Utilities/GenUtils.aspx">
                  </telerik:RadMenuItem>

                  <telerik:RadMenuItem runat="server" Text="Security" NavigateUrl="~/SecurCredentials.aspx">
                  </telerik:RadMenuItem>

                </Items>
              </telerik:RadMenuItem>
              <telerik:RadMenuItem runat="server" NavigateUrl="~/Migration.aspx" Text="Migration">
              </telerik:RadMenuItem>
              <telerik:RadMenuItem runat="server" NavigateUrl="~/Helpdesk.aspx" Text="Helpdesk">
              </telerik:RadMenuItem>
              <%--<telerik:RadMenuItem runat="server" NavigateUrl="~/Asmf.aspx" Text="Testing Form">
                            </telerik:RadMenuItem>--%>
            </Items>
          </telerik:RadMenu>
          <%--</asp:ContentPlaceHolder>--%>

          <div class="breadcrumb">
            <p>
              <strong>You are here:</strong>
              <asp:SiteMapPath ID="SiteMapPath1" runat="server" Font-Names="Verdana" Font-Size="0.8em" PathSeparator=" > ">
                <CurrentNodeStyle ForeColor="#333333" />
                <NodeStyle Font-Bold="True" ForeColor="#FFFFFF" />
                <PathSeparatorStyle Font-Bold="True" ForeColor="#333333" />
                <RootNodeStyle Font-Bold="True" ForeColor="#FFFFFF" />
              </asp:SiteMapPath>
            </p>
          </div>
        </div>

          <div class="username">
            <asp:Label ID="usrtxt" Text="" runat="server"
              Style="font-weight: bold; font-size: 11px; font-family: Arial;">
            </asp:Label>
        </div>


      </section>

    </div>

    <div id="body">
      <div class="main-content">
        <asp:ContentPlaceHolder ID="MainContent" runat="server">
        </asp:ContentPlaceHolder>
      </div>
    </div>

    <footer>
      <div class="content-wrapper">
        <div class="float-left">
          <p style="font-size: x-small; font-family: Arial, Helvetica, sans-serif">
            &copy; <%: DateTime.Now.Year %> - Developed by: Remedica's I.T. Department
                        (2014)
          </p>
        </div>
      </div>
    </footer>

  </form>
</body>
</html>

web.config

<?xml version="1.0"?>
<!--
  For more information on how to configure your ASP.NET application, please visit
  http://go.microsoft.com/fwlink/?LinkId=169433
  -->
<configuration>
  <connectionStrings>
    <add name="NewERPConnectionString" connectionString="Data Source=sql;Initial Catalog=NEW_ERP;User ID=sa;Password=ada;MultipleActiveResultSets=True;Max Pool Size=1000;Min Pool Size=5;" providerName="System.Data.SqlClient" />
    <add name="ProdStatusConnectionString" connectionString="Data Source=sql;Initial Catalog=RemedProductStatus;User ID=sa;Password=ada;Max Pool Size=1000;Min Pool Size=5;" providerName="System.Data.SqlClient" />
    <add name="ADAStockConnectionString" providerName="System.Data.SqlClient" connectionString="Data Source=SQL;Initial Catalog=indat666;Integrated Security=False;User Id=sa;Password=ada;MultipleActiveResultSets=True;Max Pool Size=1000;Min Pool Size=5;" />
    <add name="RemedProdSchedConnectionString" connectionString="Data Source=sql;Initial Catalog=Remed_Prod_Sched;User ID=sa;Password=ada;Max Pool Size=1000;Min Pool Size=5;" providerName="System.Data.SqlClient" />
  </connectionStrings>
  <appSettings>
    <add key="CurrentAccDatabase" value="Acc2014" />
    <add key="CurrentStockDatabase" value="indat666" />
    <add key="StockDatabase" value="indatar" />
    <add key="ProdStatusDatabase" value="RemedProductStatus" />
    <add key="PrAlumItemCategID" value="71" />
    <add key="UnPrAlumItemCategID" value="72" />
    <add key="LDAPdomain" value="DC=remed,DC=local" />
    <add key="LDAPpath" value="OU=NewERP,OU=GLOBAL,OU=Security Groups" />
  </appSettings>
  <system.web>
    <sessionState mode="InProc" cookieless="false" timeout="120" />
    <pages>
      <controls>
        <add tagPrefix="telerik" namespace="Telerik.Web.UI" assembly="Telerik.Web.UI" />
      </controls>
    </pages>
    <customErrors mode="Off" />
    <compilation debug="true" strict="false" explicit="true" targetFramework="4.5">
      <assemblies>
        <add assembly="System.Design, Version=4.0.0.0, Culture=neutral, PublicKeyToken=B03F5F7F11D50A3A" />
        <add assembly="System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089" />
        <add assembly="System.Speech, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
        <add assembly="System.DirectoryServices, Version=4.0.0.0, Culture=neutral, PublicKeyToken=B03F5F7F11D50A3A" />
        <add assembly="System.DirectoryServices.AccountManagement, Version=4.0.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089" />
        <add assembly="System.DirectoryServices, Version=4.0.0.0, Culture=neutral, PublicKeyToken=B03F5F7F11D50A3A" />
        <add assembly="System.DirectoryServices.AccountManagement, Version=4.0.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089" />
      </assemblies>
    </compilation>
    <httpRuntime targetFramework="2.0" />
    <httpHandlers>
      <add path="ChartImage.axd" type="Telerik.Web.UI.ChartHttpHandler" verb="*" validate="false" />
      <add path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler" verb="*" validate="false" />
      <add path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" verb="*" validate="false" />
      <add path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" verb="*" validate="false" />
      <add path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" validate="false" />

      <remove verb="*" path="*.asmx" />
      <add verb="*" path="*.asmx" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
      <add verb="*" path="*_AppService.axd" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
      <add verb="GET,HEAD" path="ScriptResource.axd" validate="false" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
    
    </httpHandlers>

    <httpModules>
      <add name="ScriptModule" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
      <add name="RadUploadModule" type="Telerik.Web.UI.RadUploadHttpModule" />
      <add name="RadCompression" type="Telerik.Web.UI.RadCompression" />
    </httpModules>

    <identity impersonate="true" />
   
    </system.web>
  <system.webServer>

    <security>
      <authentication>
        <anonymousAuthentication enabled="false" />
        <windowsAuthentication enabled="true" />
      </authentication>
    </security>    
    
    <validation validateIntegratedModeConfiguration="false" />
    <modules runAllManagedModulesForAllRequests="true">
      <remove name="RadUploadModule" />
      <remove name="RadCompression" />
      <add name="RadUploadModule" type="Telerik.Web.UI.RadUploadHttpModule" preCondition="integratedMode" />
      <add name="RadCompression" type="Telerik.Web.UI.RadCompression" preCondition="integratedMode" />
    </modules>
    <directoryBrowse enabled="true" />
    <defaultDocument>
      <files>
        <clear />
        <add value="Purchasing_MainForm.aspx" />
      </files>
    </defaultDocument>
    <handlers>
      <remove name="ChartImage_axd" />
      <remove name="Telerik_Web_UI_SpellCheckHandler_axd" />
      <remove name="Telerik_Web_UI_DialogHandler_aspx" />
      <remove name="Telerik_RadUploadProgressHandler_ashx" />
      <remove name="Telerik_Web_UI_WebResource_axd" />
      <add name="ChartImage_axd" path="ChartImage.axd" type="Telerik.Web.UI.ChartHttpHandler" verb="*" preCondition="integratedMode" />
      <add name="Telerik_Web_UI_SpellCheckHandler_axd" path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler" verb="*" preCondition="integratedMode" />
      <add name="Telerik_Web_UI_DialogHandler_aspx" path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" verb="*" preCondition="integratedMode" />
      <add name="Telerik_RadUploadProgressHandler_ashx" path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" verb="*" preCondition="integratedMode" />
      <add name="Telerik_Web_UI_WebResource_axd" path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" preCondition="integratedMode" />
    </handlers>
  </system.webServer>
</configuration>

 

 

 

Dimitrios
Top achievements
Rank 1
 answered on 02 Jul 2015
5 answers
90 views

Hi,

I have implemented the filtering using a combobox as shown in this article: 

http://docs.telerik.com/devtools/aspnet-ajax/controls/grid/functionality/filtering/google-like-filtering

I am wondering if its possible once one column is filtered to restrict what's available in the other combobox filters?

So if I filter on the first two columns, I want the next column filter to only show what is available in the grid after filtering, not what is in the datasource.

Thanks

Konstantin Dikov
Telerik team
 answered on 02 Jul 2015
1 answer
96 views

In my Rad Scheduler control delete  event RadScheduler1_AppointmentDelete not firing.

Help me.

 

 

Thanks in Advance

Ivan Danchev
Telerik team
 answered on 02 Jul 2015
0 answers
86 views
Is there a controller in kendo mobile which is similar to IOS UI picker view?
Jeewananda
Top achievements
Rank 1
 asked on 02 Jul 2015
14 answers
478 views
Hi,

I'm using RadSchedulers TimelineView to display my appointments. I want to display one week at a time with 30min slot duration. The problem is that appointments are displayed horizontally in the wrong places. In Chrome, the problem can be solved by setting ColumnWidth="3px" for the Scheduler, but in IE even that won't work. I have used some custom styles, but removing them didn't help. Also removing the TimeLabelSpan="48" declaration doesn't do any good. Here is a part of my code: 
<telerik:RadScheduler runat="server" ID="scheduler" Height="100%" SelectedView="TimelineView"
            DataKeyField="ID" DataStartField="Alkuaika" DataEndField="Loppuaika" DataSubjectField="Loppuaika"
            CustomAttributeNames="Alkuaika, Loppuaika" DayView-UserSelectable="false" MonthView-UserSelectable="false"
            WeekView-UserSelectable="false" OnDataBound="dataBound" OnAppointmentClick="appointmentClick"
            OnAppointmentCreated="appointmentCreated" OnAppointmentDataBound="appointmentDataBound"
            OnTimeSlotCreated="timeSlotCreated" OnNavigationComplete="navigationComplete"
            AllowInsert="false" AllowEdit="false" AllowDelete="false" FirstDayOfWeek="Monday"
            LastDayOfWeek="Sunday" AppointmentStyleMode="Default" NumberOfHoveredRows="0" ColumnWidth="3px">
            <TimelineView GroupBy="Ammattinimike" GroupingDirection="Vertical" SlotDuration="00:30:00"
                NumberOfSlots="336" ColumnHeaderDateFormat="ddd dd.MM." TimeLabelSpan="48"/>
            <AppointmentTemplate>
                <div>
                    <%# Convert.ToDateTime(Eval("Start")).ToShortTimeString() %>-<%# Convert.ToDateTime(Eval("End")).ToShortTimeString() %>
                </div>
            </AppointmentTemplate>
            <ResourceTypes>
                <telerik:ResourceType DataSourceID="ds_Ammattinimike" ForeignKeyField="AmmattinimikeID"
                    KeyField="ID" Name="Ammattinimike" TextField="Nimi" />
            </ResourceTypes>
        </telerik:RadScheduler>

I also have some screenshots to illustrate the problem.
  • The first one is Chrome without the ColumnWidth-declaration (Here all the cells seem to be 3px wide, except on Sunday their width is 4px)
  • The second one is Chrome with ColumnWidth="3px"  (The appointments are in the right places, but the right side of the Scheduler looks a bit stupid now) 
The third one is IE with ColumnWidth="3px" (It looks exactly the same without ColumnWidth)

Any suggestions on what could cause this or how to solve the problem?

- Teemu 



Plamen
Telerik team
 answered on 02 Jul 2015
12 answers
516 views
Please ignore my ignorance as I'm new to this technology as well as the controls here.

Following is my scenario and what i'm trying to achieve:

My RadGrid should load, a custom column to represent the edit column. Once you click on it, using ModelPopupExtender I am pulling out the row item data into the form and once i hit the update button, it should update the record in db as well as update the grid using ajax.

Following is the poc i developed to mimic my original code. Everything works fine if i disable the rad ajax feature. But if i enable this, my popup loads, but its always empty.

Not able to figure out the right properties to set for ajaxifying the grid and the popup item. Or what is the real problem behind this.

Please refer to the below code and let me know where and what I'm missing here.

Some info abt the code:

1. The grid loads up directly using the nortwind.mdf file and the datasource mentioned in the aspx page itself.
2. The 2 columns of edit and delete are thr. Delete calls its native delete method available with radgrid.
3. The edit calls a custom edit which is overriden in its .cs class.
4. This internally calls the modelextender popup and shows it with the row level information to be edited.
5. The update button on the popup triggers a grid update event so that the data can be saved and the grid reloads automatically.

Waiting eagerly for the reply.

Thanks.


ASPX File:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Grid.aspx.cs" Inherits="Grid" %>
 
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="mpe" %>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server" />
    <div>
        <p>
            View Grid</p>
    </div>
       
    <div>
        <telerik:RadAjaxManager ID="RadManager" runat="server" EnableAJAX="true">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="updateButton">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RadGrid1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>
         
        <telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="True" DataSourceID="SessionDataSource2"
            HorizontalAlign="Center" AllowAutomaticDeletes="True"
            OnItemCommand="radGrid_ItemCommand" PageSize="5" AutoGenerateColumns="False"
            GridLines="None">
            <MasterTableView DataSourceID="SessionDataSource2" DataKeyNames="EmployeeID">
                <Columns>
                    <telerik:GridTemplateColumn HeaderText="Edit" HeaderStyle-Width="50">
                        <ItemTemplate>
                            <asp:ImageButton ID="imgbtn" ImageUrl="Edit.jpg" AlternateText="Edit Record"
                                runat="server" Width="24" Height="24" CommandName="CustomEdit" />
                        </ItemTemplate>
                    </telerik:GridTemplateColumn>
                    <telerik:GridClientDeleteColumn HeaderText="Delete" HeaderStyle-Width="50">
                        <FilterTemplate>
                            <asp:ImageButton ID="imgbtnForDelete" ImageUrl="Delete.jpg" runat="server"
                                Width="24" Height="24" />
                        </FilterTemplate>
                    </telerik:GridClientDeleteColumn>
                    <telerik:GridBoundColumn UniqueName="EmployeeID" HeaderText="Employee ID" DataField="EmployeeID" />
                    <telerik:GridBoundColumn UniqueName="LastName" HeaderText="Last Name" DataField="LastName" />
                    <telerik:GridBoundColumn DataField="FirstName" HeaderText="First Name" UniqueName="FirstName">
                    </telerik:GridBoundColumn>
                </Columns>
                <PagerStyle Mode="NextPrevAndNumeric" />
            </MasterTableView>
        </telerik:RadGrid>
        
        <div>
            <asp:Label ID="lblresult" runat="server" />
        </div>
        
        <asp:Button ID="ppButton" runat="server" Style="display: none" />
        <mpe:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="ppButton"
                PopupControlID="pnlpopup" CancelControlID="cancelButton" BackgroundCssClass="modalBackground" />
          
         
        <asp:Panel ID="pnlpopup" runat="server" Height="100px" Width="480px" Style="display: none; background: lightGrey;">
            <table border = "1" align="center"><tr><td>Text for popup</td><td>EmpID: <asp:Label ID="employeeID" runat="server" /></td></tr>
            <tr><td>FName: <asp:TextBox ID="firstName" runat="server" /></td><td>LName: <asp:TextBox ID="lastName" runat="server" /></td></tr>
            <tr><td><asp:Button ID="updateButton" runat="server" Text="Update" OnClick="btnUpdate_Click"/></td><td><asp:Button ID="cancelButton" runat="server" Text="Cancel"/></td></tr></table>
        </asp:Panel>
    </div>
     
     
     
    <asp:SqlDataSource ID="SessionDataSource2" runat="server" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"
        ProviderName="System.Data.SqlClient" DeleteCommand="DELETE FROM [Employees] WHERE [EmployeeID] = ?"
        InsertCommand="INSERT INTO [Employees] ([EmployeeID], [LastName], [FirstName]) VALUES (?, ?, ?)"
        OldValuesParameterFormatString="original_{0}" SelectCommand="SELECT [EmployeeID], [LastName], [FirstName] FROM [Employees]"
        UpdateCommand="UPDATE [Employees] SET [LastName] = ?, [FirstName] = ? WHERE [EmployeeID] = ? ">
        <UpdateParameters>
            <asp:Parameter Name="lastName" Type="String" />
            <asp:Parameter Name="firstName" Type="String" />
            <asp:Parameter Name="employeeID" Type="Int32" />
        </UpdateParameters>
        <DeleteParameters>
            <asp:Parameter Name="original_EmployeeID" Type="Int32" />
        </DeleteParameters>
        <InsertParameters>
            <asp:Parameter Name="EmployeeID" Type="Int32" />
            <asp:Parameter Name="LastName" Type="String" />
            <asp:Parameter Name="FirstName" Type="String" />
        </InsertParameters>
    </asp:SqlDataSource>
             
  </form>
</body>
</html>

C# Code:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Drawing;
using Telerik.Web.UI;
 
public partial class Grid : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
 
    }
    protected void radGrid_ItemCommand(object source, GridCommandEventArgs e)
    {
        if (e.CommandName == "CustomEdit")
        {
            GridDataItem item = RadGrid1.MasterTableView.Items[e.Item.ItemIndex];
            employeeID.Text = item.GetDataKeyValue("EmployeeID").ToString();
            firstName.Text = (string)item["FirstName"].Text;
            lastName.Text = (string)item["LastName"].Text;
            this.ModalPopupExtender1.Show();
        }
    }
 
    protected void btnUpdate_Click(object sender, EventArgs e)
    {
        GridEditableItem editedItem = null;
         
        foreach (GridEditFormItem dataItem in RadGrid1.MasterTableView.GetItems(GridItemType.EditFormItem))
        {
            if (employeeID.Text.Equals(dataItem.GetDataKeyValue("EmployeeID").ToString()))
            {
                editedItem = dataItem;
                editedItem.UpdateValues(firstName.Text);
                editedItem.UpdateValues(lastName.Text);
                editedItem.FireCommandEvent("Update", null);
                editedItem.Edit = false;
                break;
            }
        }
        RadGrid1.MasterTableView.ClearEditItems();
        this.ModalPopupExtender1.Hide();
        lblresult.Text = "Emp Id: " +employeeID.Text + " Updated Successfully";
        lblresult.ForeColor = Color.Green;
        RadGrid1.Rebind();
    }
 
}

Web.Config:
<?xml version="1.0"?>
<!--
    Note: As an alternative to hand editing this file you can use the
    web admin tool to configure settings for your application. Use
    the Website->Asp.Net Configuration option in Visual Studio.
    A full list of settings and comments can be found in
    machine.config.comments usually located in
    \Windows\Microsoft.Net\Framework\v2.x\Config
-->
<configuration>
  <configSections>
    <sectionGroup name="system.web.extensions" type="System.Web.Configuration.SystemWebExtensionsSectionGroup, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35">
      <sectionGroup name="scripting" type="System.Web.Configuration.ScriptingSectionGroup, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35">
        <section name="scriptResourceHandler" type="System.Web.Configuration.ScriptingScriptResourceHandlerSection, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" allowDefinition="MachineToApplication" />
        <sectionGroup name="webServices" type="System.Web.Configuration.ScriptingWebServicesSectionGroup, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35">
          <section name="jsonSerialization" type="System.Web.Configuration.ScriptingJsonSerializationSection, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" allowDefinition="Everywhere" />
          <section name="profileService" type="System.Web.Configuration.ScriptingProfileServiceSection, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" allowDefinition="MachineToApplication" />
          <section name="authenticationService" type="System.Web.Configuration.ScriptingAuthenticationServiceSection, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" allowDefinition="MachineToApplication" />
          <section name="roleService" type="System.Web.Configuration.ScriptingRoleServiceSection, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" allowDefinition="MachineToApplication" />
        </sectionGroup>
      </sectionGroup>
    </sectionGroup>
  </configSections>
  <appSettings />
  <connectionStrings>
    <add name="NorthwindConnectionString" connectionString="Data Source=.\SQLEXPRESS;AttachDbFilename=|DataDirectory|Northwind.mdf;Integrated Security=True;User Instance=True" providerName="System.Data.SqlClient"/>
  </connectionStrings>
  <system.web>
    <!--
            Set compilation debug="true" to insert debugging
            symbols into the compiled page. Because this
            affects performance, set this value to true only
            during development.
        -->
    <compilation debug="true">
      <assemblies>
        <add assembly="System.Core, Version=3.5.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089" />
        <add assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
        <add assembly="System.Data.DataSetExtensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089" />
        <add assembly="System.Xml.Linq, Version=3.5.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089" />
      </assemblies>
    </compilation>
    <!--
            The <authentication> section enables configuration
            of the security authentication mode used by
            ASP.NET to identify an incoming user.
        -->
    <authentication mode="Windows" />
    <!--
            The <customErrors> section enables configuration
            of what to do if/when an unhandled error occurs
            during the execution of a request. Specifically,
            it enables developers to configure html error pages
            to be displayed in place of a error stack trace.
 
        -->
    <pages>
      <controls>
        <add tagPrefix="telerik" namespace="Telerik.Web.UI" assembly="Telerik.Web.UI" />
        <add tagPrefix="asp" namespace="System.Web.UI" assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
        <add tagPrefix="asp" namespace="System.Web.UI.WebControls" assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
      </controls>
    </pages>
    <httpHandlers>
      <remove verb="*" path="*.asmx" />
      <add verb="*" path="*.asmx" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
      <add verb="*" path="*_AppService.axd" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
      <add verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" validate="false" />
      <add path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" validate="false" />
    </httpHandlers>
    <httpModules>
      <add name="ScriptModule" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
    </httpModules>
  </system.web>
  <system.codedom>
    <compilers>
      <compiler language="c#;cs;csharp" extension=".cs" warningLevel="4" type="Microsoft.CSharp.CSharpCodeProvider, System, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089">
        <providerOption name="CompilerVersion" value="v3.5" />
        <providerOption name="WarnAsError" value="false" />
      </compiler>
      <compiler language="vb;vbs;visualbasic;vbscript" extension=".vb" warningLevel="4" type="Microsoft.VisualBasic.VBCodeProvider, System, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089">
        <providerOption name="CompilerVersion" value="v3.5" />
        <providerOption name="OptionInfer" value="true" />
        <providerOption name="WarnAsError" value="false" />
      </compiler>
    </compilers>
  </system.codedom>
  <!--
        The system.webServer section is required for running ASP.NET AJAX under Internet
        Information Services 7.0.  It is not necessary for previous version of IIS.
    -->
  <system.webServer>
    <validation validateIntegratedModeConfiguration="false" />
    <modules>
      <remove name="ScriptModule" />
      <add name="ScriptModule" preCondition="managedHandler" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
    </modules>
    <handlers>
      <remove name="WebServiceHandlerFactory-Integrated" />
      <remove name="ScriptHandlerFactory" />
      <remove name="ScriptHandlerFactoryAppServices" />
      <remove name="ScriptResource" />
      <add name="ScriptHandlerFactory" verb="*" path="*.asmx" preCondition="integratedMode" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
      <add name="ScriptHandlerFactoryAppServices" verb="*" path="*_AppService.axd" preCondition="integratedMode" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
      <add name="ScriptResource" preCondition="integratedMode" verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
      <add name="Telerik_Web_UI_WebResource_axd" verb="*" preCondition="integratedMode" path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" />
    </handlers>
  </system.webServer>
  <runtime>
    <assemblyBinding xmlns="urn:schemas-microsoft-com:asm.v1">
      <dependentAssembly>
        <assemblyIdentity name="System.Web.Extensions" publicKeyToken="31bf3856ad364e35" />
        <bindingRedirect oldVersion="1.0.0.0-1.1.0.0" newVersion="3.5.0.0" />
      </dependentAssembly>
      <dependentAssembly>
        <assemblyIdentity name="System.Web.Extensions.Design" publicKeyToken="31bf3856ad364e35" />
        <bindingRedirect oldVersion="1.0.0.0-1.1.0.0" newVersion="3.5.0.0" />
      </dependentAssembly>
    </assemblyBinding>
  </runtime>
</configuration>

Aravind
Top achievements
Rank 1
 answered on 02 Jul 2015
1 answer
78 views

I am using a radgrid in batch edit mode. How do you remove the save all button + refresh strip from the top and only keep it on bottom?

Also, the headers appear justified left and slightly misaligned with the column data how do you center the headers?

 

Thanks.

Elton
Top achievements
Rank 1
 answered on 01 Jul 2015
1 answer
167 views

I am working in RadPivotGrid but can't sort the columns in asc or desc for the total sum.

In the pic, the columns "Sum InGoal" , "Sum OutGoal" and "Sum of Quantity" haven't option for sort. I tryed with one button in the "header cell" but in the code behind not detected the control for make the process of sorting.

Pavlina
Telerik team
 answered on 01 Jul 2015
3 answers
228 views

Hi,

We have a rad combo box inside a rad grid. When I click on "Add New" inside the grid, it throws an error message like below.

 Unhandled exception at line 6, column 54851 in http://localhost:57448/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=ctl00_RadScriptManager1_TSM&compress=1&_TSM_CombinedScripts_=;;System.Web.Extensions,+Version=4.0.0.0,+Culture=neutral,+PublicKeyToken=31bf3856ad364e35:en-US:1453655a-6b8d-49b1-94c2-f77a352f5241:ea597d4b:b25378d2;Telerik.Web.UI,+Version=2015.2.623.45,+Culture=neutral,+PublicKeyToken=121fae78165ba3d4:en-US:33628d01-7007-4010-a8f6-f8f356bdff24:16e4e7cd:f7645509:24ee1bba:c128760b:874f8ea2:92fe8ea0:19620875:4877f69a:fa31b949:f46195d3:490a9d4e:bd8f85e4:ed16cbdc:b7778d6c:8674cba1:7c926187:88144a7a:c08e9f8a:59462f1:a51ee93e:58366029

0x800a01bd - JavaScript runtime error: Object doesn't support this action

 

Upon further digging deep into the details, I realized that when the code reaches the link below, it is throwing the error.

$create(Telerik.Web.UI.RadComboBox, {"_dropDownWidth":0,"_height":200,"_skin":"Default","_uniqueId":"ctl00$MainContent$ClaimExpRGrid$ctl00$ctl02$ctl03$RCBModeOfPay","attributes":{"DropDownHeight":"180px"},"clientStateFieldID":"ctl00_MainContent_ClaimExpRGrid_ctl00_ctl02_ctl03_RCBModeOfPay_ClientState","collapseAnimation":"{\"duration\":450}","emptyMessage":"Select Mode Of Payment","expandAnimation":"{\"duration\":450}","filter":1,"itemData":[{"value":"Self Incurred"},{"value":"Company Incurred"},{"value":"Corporate Card"}],"localization":"{\"AllItemsCheckedString\":\"All items checked\",\"ItemsCheckedString\":\"items checked\",\"CheckAllString\":\"Check All\"}","markFirstMatch":true}, {"onClientBlur":OnClientBlurHandler}, null, $get("ctl00_MainContent_ClaimExpRGrid_ctl00_ctl02_ctl03_RCBModeOfPay"));

 I am trying to find out if there is an issue with the code or latest version of telerik itself.

Thanks
Sai

 

Aneliya Petkova
Telerik team
 answered on 01 Jul 2015
Narrow your results
Selected tags
Tags
+? more
Top users last month
Ambisoft
Top achievements
Rank 2
Iron
Pascal
Top achievements
Rank 2
Iron
Matthew
Top achievements
Rank 1
Sergii
Top achievements
Rank 1
Iron
Iron
Andrey
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Ambisoft
Top achievements
Rank 2
Iron
Pascal
Top achievements
Rank 2
Iron
Matthew
Top achievements
Rank 1
Sergii
Top achievements
Rank 1
Iron
Iron
Andrey
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?