Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
45 views
Please find attached document
Konstantin Dikov
Telerik team
 answered on 02 Sep 2015
1 answer
123 views

I have make use of Telerik Radgrid control on my page to display item details.

But for large No of records say 230/250, it is displaying whitespaces when I scroll down and scroll up etc.

Attached is the screen for your reference purpose

Please let me know if you need more details for this

Thanks & Regards

Sachin Pawar

 

Konstantin Dikov
Telerik team
 answered on 02 Sep 2015
6 answers
241 views

Hi there,

 I have started having a slow loading issue with the schedule that I am showing up to 300 items on it and it literally takes less than a sec from the database.

I am having a dynamic sql statement rather than using the data access layer or entity framework for this particular approach.

In addition, I am having some resources on it, and an advanced form for a popup wise.

What could be the start point for me to check the issue out?

Cheers!

Ivan Danchev
Telerik team
 answered on 02 Sep 2015
1 answer
123 views

Hi,

     At one time i was able to embed audio in Telerik editor. But now i was not able to embed  audio in Telerik editor. The current Telerik version is 2014.

  Can some one help to embed audio in Telerik editor.

<audio controls tabindex="0" height="50" width="100">
<source src="/uploads/audio/arcadia.mp3" type="audio/mpeg"></source>
<source src="/uploads/audio/arcadia.ogg" type="audio/ogg"></source>
<embed src="arcadia.mp3" height="50" width="100"></embed>
</audio>

 

Thanks,

 

 

 

Matthew
Top achievements
Rank 1
 answered on 02 Sep 2015
8 answers
306 views

We are trying to emulate a stepped area chart with Kendo UI to denote the direction/position in which an actuator travels over a period of time (+1 denoting clockwise, -1 denoting a counter-clockwise direction) during the course of a day. The period of time over which the actuator completes its transition is not constant.

The code is included below (alternatively please feel free to use the following jsfiddle athttp://jsfiddle.net/pirahawk/XT6CZ/15/ to avoid any setup). We have used the Kendo Stockchart because it provides a complementary navigator component which allows the user to restrict the graph to a desired time period. However we are finding oddities in the chart api especially when the data set has large time lapses. As shown in the example below, we started off with receiving inputs that have 1 second intervals between them. Plotting these on the chart achieves the shape that we expect to see. However adding additional datapoints that are now apart by a few hours (please uncomment the data points shown), we are finding that the chart api seems to somehow incorrectly extrapolate the earlier data points.

When using the navigator to restrict the chart to the earlier period (between 2am - 2:30am), we do once again achieve the original shape. However we would like to have the same shape shown without having to do this (i.e. stop the api from extrapolating data points with large intervals between data points). Any help, advise on this issue would be greatly appreciated

var dataForSource = [{
 
     date: new Date("December 16, 2013 02:06:00 AM"),
     Count: 0
 }, {
     date: new Date("December 16, 2013 02:07:00 AM"),
     Count: 1
 },
 
 {
     date: new Date("December 16, 2013 02:09:00 AM"),
     Count: 0
 }, {
     date: new Date("December 16, 2013 02:09:15 AM"),
     Count: -1
 },
 
 {
     date: new Date("December 16, 2013 02:09:45 AM"),
     Count: 0
 },
 
 
 {
     date: new Date("December 16, 2013 02:10:00 AM"),
     Count: -1
 }, {
     date: new Date("December 16, 2013 02:15:00 AM"),
     Count: 0
 }
 
 
 //Uncomment these out to see issue
 /*                   
 , {
    date: new Date("December 16, 2013 04:10:01 PM"),
  Count: -1
 }
 
 , {
     date: new Date("December 16, 2013 11:55:00 PM"),
     Count: 0
 } */
 ];
 
 
 var staticDataSource = new kendo.data.DataSource({
     type: "line",
     data: dataForSource
 });
 
 function createChart() {
     $("#chart").kendoStockChart({
         dataSource: staticDataSource,
 
         dateField: "date",
 
         series: [{
             type: "line",
             style: 'step',
             //missingValues: "interpolate",
             field: "Count",
             categoryField: "date"
         }],
 
         xAxis: {
             baseUnit: "seconds"
         },
 
 
         navigator: {
             series: {
                 type: "line",
                 style: 'step',
                 field: "Count"
             },
 
             xAxis: {
                 baseUnit: "hours"
             },
         }
 
     });
 };
 
 $(document).ready(createChart);
Danail Vasilev
Telerik team
 answered on 02 Sep 2015
7 answers
474 views

We are using your components for data validation of external data where data might be wrong.

We ​use DatePickers a lot ​and we need to set the MinDate and Max​Date when ​users correct values.

Sometimes the dates is out of range. At the moment I have set the SkipMinMaxDateValidationOnServer="true", but the date is changed when displaying it to min date if the date is below min date. This confuses the users since they don't know the original value of the date and when they see it on the sc​reen they think it is correct and can't understand why the system is complaining about the date since it seems to be within the allowed range.

Is it possible to keep the original value, but display the nice "waring" symbol instead ?

As a "not so nice" workaround at the moment we need to adjust the min date to the invalid date so that the date is not changed.

Regards

Ole Oscar Johnsen

Viktor Tachev
Telerik team
 answered on 02 Sep 2015
6 answers
441 views
Hi

I searched  to find something about my problem but all I found does not seen to work :<

I have a hierarchical grid with the following definition. The grid is filled in ...NeedsDatasource and the detail table in the ...DetailDataBind and the UI result is very good

I use the following code to export to excel

==> But as result (see in the attached file), the detail lines in excel are are empty :(
I cannot figure why it is not working => I suppose that for some reason, the export cannot get content of the detail table...
 
Thanks for helping

RadGrid1.ExportSettings.FileName = "ExcelExport";
        RadGrid1.ExportSettings.IgnorePaging = true;
        RadGrid1.ExportSettings.ExportOnlyData = true;
        RadGrid1.ExportSettings.OpenInNewWindow = true;
        RadGrid1.MasterTableView.UseAllDataFields = true;
        RadGrid1.ExportSettings.Excel.Format = GridExcelExportFormat.ExcelML;

        RadGrid1.MasterTableView.HierarchyDefaultExpanded = true;
        RadGrid1.MasterTableView.DetailTables[0].HierarchyDefaultExpanded = true;

        RadGrid1.MasterTableView.HierarchyLoadMode = GridChildLoadMode.Client;
        RadGrid1.MasterTableView.DetailTables[0].HierarchyLoadMode = GridChildLoadMode.Client;

        RadGrid1.MasterTableView.GetColumn("Link").Visible = false;
          
        RadGrid1.MasterTableView.ExportToExcel();



<telerik:RadGrid ID="RadGrid1" runat="server" Width="90%" ShowStatusBar="true" AutoGenerateColumns="False"
                PageSize="10" AllowSorting="True" AllowMultiRowSelection="True" AllowPaging="True"
                OnDetailTableDataBind="RadGrid1_DetailTableDataBind" OnNeedDataSource="RadGrid1_NeedDataSource"
                OnPreRender="RadGrid1_PreRender">
                <PagerStyle Mode="NumericPages"></PagerStyle>
                <MasterTableView Width="100%" DataKeyNames="DocId" AllowMultiColumnSorting="True" AllowPaging="true" UseAllDataFields="true">
                    <DetailTables>
                        <telerik:GridTableView DataKeyNames="LineNumber" Name="Lines" Width="100%">
                            <Columns>
                                <telerik:GridBoundColumn SortExpression="LineNumber" HeaderText="Invoice line #" HeaderButtonType="TextButton"
                                    DataField="LineNumber">
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn SortExpression="Description" HeaderText="Description" HeaderButtonType="TextButton"
                                    DataField="Description">
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn SortExpression="Quantity" HeaderText="Quantity" HeaderButtonType="TextButton"
                                    DataField="Quantity" DataFormatString="{0:0.00}">
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn SortExpression="SKU" HeaderText="SKU" HeaderButtonType="TextButton"
                                    DataField="SKU">
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn SortExpression="UnitPrice" HeaderText="Unit price" HeaderButtonType="TextButton"
                                    DataField="UnitPrice" DataFormatString="{0:0.00}">
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn SortExpression="TotalAmount" HeaderText="Amount" HeaderButtonType="TextButton"
                                    DataField="TotalAmount" DataFormatString="{0:0.00}">
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn SortExpression="Banner" HeaderText="Banner" HeaderButtonType="TextButton"
                                    DataField="Banner">
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn SortExpression="BDF" HeaderText="BDF" HeaderButtonType="TextButton"
                                    DataField="BDF" DataFormatString="{0:0.00}">
                                </telerik:GridBoundColumn>
                               <telerik:GridBoundColumn SortExpression="Q1083" HeaderText="Q1083" HeaderButtonType="TextButton"
                                    DataField="Q1083" DataFormatString="{0:0.00}">
                                </telerik:GridBoundColumn>
                               <telerik:GridBoundColumn SortExpression="Q1084" HeaderText="Q1084" HeaderButtonType="TextButton"
                                    DataField="Q1084" DataFormatString="{0:0.00}">
                                </telerik:GridBoundColumn>

                            </Columns>
                        </telerik:GridTableView>
                    </DetailTables>
                    <Columns>
                        <telerik:GridClientSelectColumn UniqueName="ClientSelectColumn1">
                        </telerik:GridClientSelectColumn>
                        <telerik:GridBoundColumn SortExpression="DocumentNumber" HeaderText="Document number" HeaderButtonType="TextButton"
                            DataField="DocumentNumber">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn SortExpression="ReferenceNumber" HeaderText="Reference number" HeaderButtonType="TextButton"
                            DataField="ReferenceNumber">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn SortExpression="WeekEnding" HeaderText="Week ending" HeaderButtonType="TextButton"
                            DataField="WeekEnding" DataFormatString="{0:yyyy-MM-dd}">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn SortExpression="StartPeriod" HeaderText="Promo start" HeaderButtonType="TextButton"
                            DataField="StartPeriod" DataFormatString="{0:yyyy-MM-dd}">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn SortExpression="EndPeriod" HeaderText="Promo end" HeaderButtonType="TextButton"
                            DataField="EndPeriod" DataFormatString="{0:yyyy-MM-dd}">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn SortExpression="CostDealNumber" HeaderText="Cost Deal number" HeaderButtonType="TextButton"
                            DataField="CostDealNumber">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn SortExpression="TotalAmount" HeaderText="Total Amount" HeaderButtonType="TextButton"
                                    DataField="TotalAmount" DataFormatString="{0:0.00}"></telerik:GridBoundColumn>
                        <telerik:GridHyperLinkColumn HeaderText="Link" ImageUrl="~/Images/lens.png" Target="_blank" UniqueName="Link"
                             DataNavigateUrlFields= "DocId"
                             DataNavigateUrlFormatString= "~/dm_detail.aspx?DM_OBJECT_ID={0}">                            
                        </telerik:GridHyperLinkColumn>
                        <telerik:GridBoundColumn SortExpression="CheckNumber" HeaderText="Check #" HeaderButtonType="TextButton"
                            DataField="CheckNumber">
                        </telerik:GridBoundColumn>                        
                    </Columns>
                </MasterTableView>
                <ClientSettings>
            <Selecting AllowRowSelect="true"></Selecting>
 
        </ClientSettings>
                
            </telerik:RadGrid>



Jorges
Top achievements
Rank 1
 answered on 02 Sep 2015
3 answers
411 views

Hi,

At the moment it seems like the DataForm can handle only Label, Value pairs.

I want to have the possibility the create this structure.

row start

Label, ​Value <fixed gap>   Label, Value

row start
Label, ​Value <fixed gap>   Label, Value

I was hoping not to use a Table to solve it.

When I use the CssClass="rdfLabel rdfBlock" and CssClass="rdfFieldValue" on these pairs, then the structure will be Label, Label, Value, Value. Does it exist a css class that will handle this scenario ? I have tried to search for it, but with no luck. Does it exist any documentation on ​the predefined css classes and the use.

 

Regards

Ole Oscar Johnsen

Viktor Tachev
Telerik team
 answered on 02 Sep 2015
1 answer
152 views

I don't know , for some reason, when I drag a column header to group panel, all the rows of the grid vanish leaving only group panel visible which is unresponsive. 

Figure 1 is the original gird. 

When I try to drag any column (say Year) to the group panel, Figure 2 is the result.

 Your help in solving this problem is highly appreciated. 

Viktor Tachev
Telerik team
 answered on 02 Sep 2015
9 answers
170 views

I started to isolate my code - then realized that ​this problem is easily reproduced.

Take this example:

http://www.telerik.com/support/code-library/responsive-radgrid-d82dc6333682#eAgo5lqhwEm1m86WcKeqJQ

1. Add AllowSorting="True" to the RadGrid

2. Wrap the RadGrid in a RadAjaxPanel - or wire it to a RadAjaxManager

3. In a normal desktop resolution that should NOT apply the @media CSS rules - Click a Column heading to sort

NOTE: The @media rules are applied to the grid erroneously.  I have also had this apply other @media rules on my page - outside of the radgrid and radajax on column sort or grid paging.  This problem stops if you remove the Ajax wiring - which then of course makes the page much less usable.

 

Tested in the latest version of Chrome on Windows 8.1 and using the latest 2015.2 release

Viktor Tachev
Telerik team
 answered on 02 Sep 2015
Narrow your results
Selected tags
Tags
+? more
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?