Telerik Forums
UI for ASP.NET AJAX Forum
8 answers
2.1K+ views

The issue occurs on Android > Chrome when I drag the tab strip over to access another tab (e.g. "Tab 5") and then tap to select that tab. The issue does not occur if I use the right arrow button on the tab strip to scroll over (rather than drag the tab strip with my finger).

Possibly related threads:

http://www.telerik.com/forums/dynamically-loaded-tabs-scrollchildren-=-error

http://www.telerik.com/forums/problem-after-postback-when-tabs-are-created-at-client-side

 

My user agent string: Mozilla/5.0 (Linux; Android 5.1.1; Nexus 4 Build/LMY47V) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/43.0.2357.78 Mobile Safari/537.36

Telerik version: Telerik UI for ASP.NET AJAX Q2 2014 SP1

I reported the same or similar issue for IE11 (not Android > Chrome) in December 2013, and I think that issue was subsequently fixed. However the above issue is occurring in Android > Chrome.

 

A sample to demonstrate the issue:

Default.aspx:

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<html>
<head>
    <title></title>
    <meta name="viewport" content="width=device-width; initial-scale=1.0; user-scalable=1;"/><style type="text/css">
/*.rtsOut{
 width: 100px;
}*/
</style>
</head>
<body>
    <form id="form1" runat="server">
        <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
        <telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1" ScrollChildren="true">
            <Tabs>
                <telerik:RadTab Text="Tab 1" runat="server" Value="Tab1" PageViewID="pv1"></telerik:RadTab>
                <telerik:RadTab Text="A Much Longer Tab Label" runat="server" Value="Tab2" PageViewID="pv2"></telerik:RadTab>
                <telerik:RadTab Text="Tab 3" runat="server" Value="Tab3" PageViewID="pv3"></telerik:RadTab>
                <telerik:RadTab Text="Tab 4" runat="server" Value="Tab4" PageViewID="pv4"></telerik:RadTab>
                <telerik:RadTab Text="Tab 5" runat="server" Value="Tab5" PageViewID="pv5"></telerik:RadTab>
                <telerik:RadTab Text="Tab 6" runat="server" Value="Tab6" PageViewID="pv6"></telerik:RadTab>
                <telerik:RadTab Text="Tab 7" runat="server" Value="Tab7" PageViewID="pv7"></telerik:RadTab>
                <telerik:RadTab Text="Tab 8" runat="server" Value="Tab8" PageViewID="pv8"></telerik:RadTab>
                <telerik:RadTab Text="Tab 9" runat="server" Value="Tab9" PageViewID="pv9"></telerik:RadTab>
                <telerik:RadTab Text="Tab 10" runat="server" Value="Tab10" PageViewID="pv10"></telerik:RadTab>
                <telerik:RadTab Text="Tab 11" runat="server" Value="Tab11" PageViewID="pv11"></telerik:RadTab>
                <telerik:RadTab Text="Tab 12" runat="server" Value="Tab12" PageViewID="pv12"></telerik:RadTab>
                <telerik:RadTab Text="Tab 13" runat="server" Value="Tab13" PageViewID="pv13"></telerik:RadTab>
                <telerik:RadTab Text="Tab 14" runat="server" Value="Tab14" PageViewID="pv14"></telerik:RadTab>
            </Tabs>
        </telerik:RadTabStrip>
        <telerik:RadMultiPage runat="server" ID="RadMultiPage1">
            <telerik:RadPageView runat="server" ID="pv1"></telerik:RadPageView>
            <telerik:RadPageView runat="server" ID="pv2"></telerik:RadPageView>
            <telerik:RadPageView runat="server" ID="pv3"></telerik:RadPageView>
            <telerik:RadPageView runat="server" ID="pv4"></telerik:RadPageView>
            <telerik:RadPageView runat="server" ID="pv5"></telerik:RadPageView>
            <telerik:RadPageView runat="server" ID="pv6"></telerik:RadPageView>
            <telerik:RadPageView runat="server" ID="pv7"></telerik:RadPageView>
            <telerik:RadPageView runat="server" ID="pv8"></telerik:RadPageView>
            <telerik:RadPageView runat="server" ID="pv9"></telerik:RadPageView>
            <telerik:RadPageView runat="server" ID="pv10"></telerik:RadPageView>
            <telerik:RadPageView runat="server" ID="pv11"></telerik:RadPageView>
            <telerik:RadPageView runat="server" ID="pv12"></telerik:RadPageView>
            <telerik:RadPageView runat="server" ID="pv13"></telerik:RadPageView>
            <telerik:RadPageView runat="server" ID="pv14"></telerik:RadPageView>
        </telerik:RadMultiPage>
    </form>
</body>
</html>

 

 Default.aspx.vb:

Imports Telerik.Web.UIPartial Class _Default
    Inherits System.Web.UI.PageProtected Sub RadTabStrip1_TabClick(ByVal sender As Object, ByVal e As RadTabStripEventArgs) Handles RadTabStrip1.TabClick
End SubEnd Class

 

 

Below is a copy of the message I sent to Telerik in December 2013:

====================

Attached is an example of the issue. We have tab labels that don't have a width defined, so they get auto-resized based on the width of the label. (This is apparently a built-in feature of the browser, HTML, CSS, Telerik, and/or whatever.) If you resize your browser window so that not all tab labels are visible and then you scroll all the way to the right end of the tab strip and then click the last tab, then an error like the following occurs: "-456.32000000000016 is not a valid value for Int32."

If you change the width of your browser window and then try again, then the number shown is different, so it apparently has something to do with the width of the browser window. For example: "-228.32000000000016 is not a valid value for Int32"

In the attached example if you uncomment the following then the issue doesn't occur:
/*.rtsOut{
width: 100px;
}*/

However not all of our tab labels are the same width, and I don't want to have to manually define the width of each tab label based on the length of each label. (This might require me to adjust manual widths for different browsers/devices if they are rendered differently due to different font sizes or whatever.) By the way setting the width to 100px across the board (by uncommenting the above CSS) causes the second tab label ("A Much Longer Tab Label") to be truncated to something like "A Much Longer Tal".

I suspect that this issue is related to the following:

#1: "Q3 2013 SP1 (version 2013.3.1114)", release history (http://www.telerik.com/products/aspnet-ajax/whats-new/release-history/q3-2013-sp1-version-2013-3-1114.aspx ) , TabStrip: "Fixed: In IE11 the width of the RadTabs is not calculated properly when scrolling is enabled."

(I'm using version 2013.3.1114.45, so I apparently already have the fix to the IE11 issue quoted above from the release history for Q3 2013 SP1.)

#2: http://www.telerik.com/community/forums/aspnet-ajax/tabstrip/hey-guys-please-help-me-about-radtabstrip-in-ie11.aspx

=====================

 

Their response included the following: "We have inspected the provided web application and reproduced the problem locally. This issue happens when the ScrollChildren property is true, TabClick server event is attached and tabstrip width is smaller."

 

Thanks.

Nels

Marin Bratanov
Telerik team
 answered on 24 Apr 2018
4 answers
143 views

I have a scheduler that is in a similar to https://demos.telerik.com/kendo-ui/scheduler/index but I need to limit the available Owner list on the edit/create dialog to the people that are selected at the top.  For instance you should not be able to set Alex as the owner if their calendar is how showing.

I have attached to the edit event on the scheduler and can interact with elements on the edit form, but $('#ownerId').data("kendoDropDownList") returns undefined so i am not sure how i can remove unselected people from the list.

 

TIA,

-Logan

 

 

Dimitar
Telerik team
 answered on 24 Apr 2018
7 answers
312 views

When using WebServiceSettings in a RadScheduler, it seems like the Culture of the RadScheduler is overridden with one of the webservice.

In other words an explicit setting is overridden by a implicit, hidden (and possibly obscure) setting.

Many year old postings in this forum tells how to circumvent that madness, but none of them actually works.

The exact behavior is that a RadSchedulers Culture is respected until a response of the webservice containing appointments is received.

Then it is set to english, which is different from the culture I was setting.

Here is what I have tried

Adding

<globalization culture="sv-SE" uiCulture="sv-SE"/>

to web.config.

Setting the page declaration as

<%@ Page Language="C#" Culture="sv-SE" AutoEventWireup="true"

etc...

Running this:

RadScheduler1.Culture = CultureInfo.CurrentUICulture;
Page.Culture = RadScheduler1.Culture.ToString();

in Page_Load.

Is there a way to set Culture in RadScheduler and have it respected?

Anders
Top achievements
Rank 1
 answered on 24 Apr 2018
0 answers
127 views

Combo box and Date picker works internally on server but does not work  on externall environment. 

Even F12 does not gives any error in browser.

What can be issue?

Sanhita
Top achievements
Rank 1
 asked on 24 Apr 2018
0 answers
141 views

I am looking for some advice about whether the RadGrid has the capacity to display results in manner other than a simple row.

I've attached an image that has an example of the type of thing that I'm after.

Essentially, I'd like to display some data horizontally and some data vertically, much like my very poor example below.

-------------------------------------------------------------------------------------------

This is the title of the first record and it can go on for quite a while

  Date Created:  24/04/2014

  Belongs to:      Fred

-------------------------------------------------------------------------------------------

This is the title of the second record and it too can go on for a while

  Date Created:  22/04/2016

  Belongs to:      Nathanial

-------------------------------------------------------------------------------------------

 

Any and all help appreciated!

 

Michael
Top achievements
Rank 1
 asked on 24 Apr 2018
10 answers
1.4K+ views

How do you programatically remove or hide the insert new record button on a radgrid?  I can't directly reference the control btnAddReconItem.

 

<

 

telerik:RadGrid ID="rgReconciliation" runat="server" Skin="Vista" AllowPaging="true"

 

 

 

 

 

AutoGenerateColumns="false">

 

 

 

 

 

<HeaderContextMenu Skin="Vista">

 

 

 

 

 

<CollapseAnimation Type="OutQuint" Duration="200" />

 

 

 

 

 

</HeaderContextMenu>

 

 

 

 

 

<PagerStyle Mode="NextPrevAndNumeric" NextPageText="&amp;gt;" PrevPageText="&amp;lt;" />

 

 

 

 

 

<MasterTableView CommandItemDisplay="Top">

 

 

 

 

 

<CommandItemTemplate>

 

 

 

 

 

<table>

 

 

 

 

 

<tr>

 

 

 

 

 

<td width="30%">

 

 

 

 

 

<asp:LinkButton ID="btnAddReconItem" runat="server" Font-Bold="true" CausesValidation="false"

 

 

 

 

 

CommandName="InitInsert">Add Reconciliation Item</asp:LinkButton>

 

 

 

 

 

</td>

 

 

 

 

 

<td width="40%">

 

 

 

 

 

</td>

 

 

 

 

 

<td width="30%">

 

 

 

 

 

</td>

 

 

 

 

 

</tr>

 

 

 

 

 

</table>

 

 

 

 

 

</CommandItemTemplate>

 

 

 

 

 

<Columns>

 

 

 

 

 

</Columns>

 

 

 

 

 

</MasterTableView>

 

 

 

 

 

</telerik:RadGrid>

 

Chris
Top achievements
Rank 1
 answered on 23 Apr 2018
6 answers
240 views
I am trying to create a master/detail view but it is returning all records in the detail.

In the master datakeynames, I have ProductTypeID (primary key) and ProductID

In the detail datakeynames, I have ID (primary key), ProductTypeID and ProductID

For the Parent Table Relations, I have two rows set to ProductTypeID and ProductID.  For each master record, it is returning every detail row without any filtering.  What am I doing wrong here?
amador
Top achievements
Rank 1
 answered on 23 Apr 2018
0 answers
80 views

Hello Guys,

I am using Assembly version 2018.1.117.45of UI for ASP.NET. we are primarily using Radgrid control on the pages. Issue here is i always get distorted view of Radgrid control. after refreshing page 4-5 times i get proper view. can some one assist me on this issue.

 

Kod
Top achievements
Rank 1
 asked on 23 Apr 2018
0 answers
204 views
We have a web application that uses many controls of Telerik RadControls for ASP.NET Ajax version 2011.2.712.40 and we want to use 1 control (RadTextEditor) of the version Telerik RadControls for ASP.NET Ajax version 2013.3.1015.40. in the same web project.
Libraries that are used by telerik:
- Telerik.Web.Design
- Telerik.Web.UI
- Telerik.Web.UI.Skins


Issue:
Is this possible? How could I do it? Please could you give me links, documents, how to do it ?.
SergioJVQ
Top achievements
Rank 1
 asked on 23 Apr 2018
13 answers
3.5K+ views
hi,
I am new in using Telerik radcontrol in asp.net.
i am trying to create a order form in this form using a gridview in this grid view have dropdownlist,label and two textbox.
first i bind to dropdown list that access data from sqldatabase.
i am unable to bind that 
Janwar
Top achievements
Rank 1
 answered on 23 Apr 2018
Narrow your results
Selected tags
Tags
+? more
Top users last month
Simon
Top achievements
Rank 2
Iron
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
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?