hai frnds..this is kendo grid code i want to load only 2  data in page 1 in kendo grid after while clicking to page 2 again another ie(next 2 data) want to load in grid this is because of increase loading speed.. i have no idea how to do it..pls anybody help me.....this is my code..    





    <script>
      var url = 'my service url here';

      var griddatasource = new kendo.data.DataSource({
        transport: {
          read: function (option) {

            $.ajax({
              url: url + '',
              dataType: 'json',       
              success: function (result) {
                option.success(JSON.parse(result.d));
                alert(result.d);        
              },
              error: function (result) {
                alert("error");

              }
            });
          }
        },

        serverFiltering: true,
        serverSorting: true,
        serverPaging: true,
        pageSize: 2,
        schema: {
          data: "data",
          total: "total",
        }

      });

      function grid() {
        $("#grid").kendoGrid({
          dataSource: griddatasource,
          groupable: true,
          //sortable: {
          //    mode: "multiple",
          //    allowUnsort: true
          //},
          sortable: true,
          selectable: true,
          filterable: true,
          reorderable: true,
          resizable: true,
          columnMenu: true,
          pageable: {
            refresh: true,
            pageSizes: true,
            buttonCount: 5
          }
        });
      }
      $(document).ready(function () {
        grid();
      });

this is kendo grid code i want to load only 2  data in page 1 in kendo grid after while clicking to page 2 again another ie(next 2 data) want to load in grid this is because of increase loading speed.. i have no idea how to do it..pls anybody help me.....this is my code..    





    <script>
      var url = 'my service url here';

      var griddatasource = new kendo.data.DataSource({
        transport: {
          read: function (option) {

            $.ajax({
              url: url + '',
              dataType: 'json',       
              success: function (result) {
                option.success(JSON.parse(result.d));
                alert(result.d);        
              },
              error: function (result) {
                alert("error");

              }
            });
          }
        },

        serverFiltering: true,
        serverSorting: true,
        serverPaging: true,
        pageSize: 2,
        schema: {
          data: "data",
          total: "total",
        }

      });

      function grid() {
        $("#grid").kendoGrid({
          dataSource: griddatasource,
          groupable: true,
          //sortable: {
          //    mode: "multiple",
          //    allowUnsort: true
          //},
          sortable: true,
          selectable: true,
          filterable: true,
          reorderable: true,
          resizable: true,
          columnMenu: true,
          pageable: {
            refresh: true,
            pageSizes: true,
            buttonCount: 5
          }
        });
      }
      $(document).ready(function () {
        grid();
      });

Hi,

I think I might just be a little confused but I cannot get the above combination to work.

I have a RadListBox. I have an Array of objects that I bind using the "DataSource" attribute. I set this programmatically. I also set the "DataTextField", the "DataValueField" and the call the "DataBind" method.

I have created a Filter field on the RadFilter in the designer and set the "FieldName" value to be the same as the "DataTextField" from the RadListBox. I then programmatically, after I have called the "DataBind" on the RadListBox, set the "DataSourceControlID" to the ID of the RadListBox.

This is done on a user control using .net 3.5. As soon as I test the page that contains the control, I get an "Object not set to an instance of an object" error, with the following stack trace:

​[NullReferenceException: Object reference not set to an instance of an object.]
   System.Object.GetType() +0
   Telerik.Web.UI.RadFilterDataSourceHelper.<.cctor>b__26(String eventName, MethodInfo eventHandler, RadFilter filterInstance, IDataSource dataSourceInstance) +76
   Telerik.Web.UI.RadFilter.AttachToDataSource() +210
   Telerik.Web.UI.RadFilter.OnLoad(EventArgs e) +723
   System.Web.UI.Control.LoadRecursive() +66
   System.Web.UI.Control.LoadRecursive() +191
   System.Web.UI.Control.LoadRecursive() +191
   System.Web.UI.Control.LoadRecursive() +191
   System.Web.UI.Control.LoadRecursive() +191
   System.Web.UI.Control.LoadRecursive() +191
   System.Web.UI.Control.LoadRecursive() +191

Any idea on this please, or exactly how I need to get the two to work together. I've looked at the documentation but is extremely helpful enough.

Regards,

Henry
   System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +2428

how i can change the visibilty of radwindow on OnClientClose event

The problem can be seen in the Telerik demo editor:

   http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultvb.aspx

Steps:

Using Chrome, go to the demo editor.
Click the "XHTML Validator" button in the editor toolbar.
Scroll to the bottom of the dialog.
Notice the two broken images at the bottom of the dialog.
Notice the three 404 errors logged in the Chrome dev console:

GET http://validator.w3.org/http://www.w3.org/QA/Tools/w3c-include.js   404 (Not Found)   Telerik.Web.UI.DialogHandler.aspx:4
GET http://validator.w3.org/http://www.w3.org/Icons/WWW/w3c_home_nb   404 (Not Found)   Telerik.Web.UI.DialogHandler.aspx:4
GET http://validator.w3.org/http://www.w3.org/QA/Tools/I_heart_validator   404 (Not Found)   Telerik.Web.UI.DialogHandler.aspx:4

Is there a workaround for this issue?

Thanks,
Trevor.

Hello ,

    I using Radschedular in application which will operate through touch screen.
So I want to increase size of Next-prew arrow button as shown in attached image

please help me.

Hello,
Created an image gallery and it works - shows the pictures, thumbs and navigation works.  I chose the Metro skin and it doesn't display.
Here's what the code looks like:
​
In the Bin: Telerik.Web.UI.Skins.dll   and   Telerik.Web.UI.Skins.dll.refresh

In the aspx page:

​<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI"%><asp:Content ID="Content1" ContentPlaceHolderID="contentplaceholder2" Runat="Server">
    <form id="form1" runat="server">
    <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server">
    </telerik:RadStyleSheetManager>
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        <Scripts>
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js">
            </asp:ScriptReference>
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js">
            </asp:ScriptReference>
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js">
            </asp:ScriptReference>
        </Scripts>
    </telerik:RadScriptManager>
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    </telerik:RadAjaxManager>
   
 <telerik:RadImageGallery ID="RadImageGallery1" runat="server"
   ImagesFolderPath="TakeKidsToWork/Images" Width="700px"
   Skin="Metro" EnableEmbeddedSkin="true">
   <ImageAreaSettings ShowDescriptionBox="False" />
   <ClientSettings>
   <AnimationSettings>
     <NextImagesAnimation Speed="200" />
     <PrevImagesAnimation Speed="200" />
   </AnimationSettings>
   </ClientSettings>
</telerik:RadImageGallery>

In the web.config
<appSettings>
      <add key="Telerik.EnableEmbeddedSkins" value="true" />
      <add key="Telerik.Menu.EnableEmbeddedBaseStylesheet" value="true" />
  </appSettings>

Any ideas?

Thanks
Jess
                  

Hi,

I'm trying to use RadPanelBar item with NavigateUrl.  When the page loads, the image displays correctly.  When I click on the item, the image is replaced momentarily by some other image (chrome missing image?).  Then the new page loads.  This doesn't happen in IE, the correct image is displayed even after clicking.  Here is the definition of the RadPanelBar:

      <telerik:RadPanelBar runat="server" ID="rpbMain" Height="100%" Width="100%" ExpandMode="SingleExpandedItem"
        BackColor="#E4E4E4">
        <Items>
          <telerik:RadPanelItem runat="server" ImageUrl="~/Images/Inputs.png" NavigateUrl="~/WebForm1.aspx"
            Text="Root RadPanelItem1">
          </telerik:RadPanelItem>
        </Items>
      </telerik:RadPanelBar>

I have attached an image which displays the behavior.  Chrome is up to date (34.0.1847.131m).  Telerik.Web.UI is at 2014.1.403.40.  VS2010, .NET 4.

Thanks.

hi,
does the pop up  blocker can block the radwindow pop up when a client is activated the pop up blocker in his browser.

When I publish my project to our dev server, we start seeing weird behaviors that don't occur with the same code run on my workstation.
The most noticeable is extra whitespace to the right of grids.
Please see screen captures attached - no whitespace appears when I run the project locally on my workstation.

The other weird behavior is Tile drag and drop within a tile list.
Running the project on my workstation it behaves correctly.
Once published to our dev server, as soon as you click on a tile, it immediately jumps up about 150px from the cursor position. Please see screen capture attached.

Best I can tell, all the code and binaries are the same on the dev server as my local workstation.
Can't figure out what the difference is.
I don't think any Telerik binaries are installed in the GAC on the dev server.

Is there a setting in IIS or some file permission that needs to be adjusted on the dev server? It seems like maybe some style information is getting blocked when the project is run on the dev server.

Thanks for your help!