Questions on UI for ASP.NET AJAX Forum

3 answers

257 views

Tabs under RadTabStrip displays in two lines

I've a simple page where I've some tabs in radtabstrip. I want to display this web page in a web browser control in a win form application. If I re size the windows form application then the last tab displays in second line. Please note that the scroll bar also displays. Please see the screenshot1.

Here is the code I used in the aspx page.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RadTab.aspx.cs" Inherits="PlayGround_WebApplication.RadTab" %>

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

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1" runat="server">

<title></title>

<style type="text/css">

</style>

</head>

<body>

<form id="form1" runat="server">

<div>

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

<telerik:RadTabStrip ScrollButtonsPosition="Left" runat="server" ID="radTabStrip" PerTabScrolling="true" ScrollChildren="true"

SelectedIndex="0" Width="100%" Style="padding-top: 2px;">

<Tabs>

<telerik:RadTab runat="server" Text="Customer Details" Value="0" />

<telerik:RadTab runat="server" Text="Practice Info" Value="1" />

<telerik:RadTab runat="server" Text="Customer & Case Alerts" Value="6" />

<telerik:RadTab runat="server" Text="Calls & Notes" Value="2" />

<telerik:RadTab runat="server" Text="Cases" Value="3" />

<telerik:RadTab runat="server" Text="Accounting" Value="4" />

<telerik:RadTab runat="server" Text="Sales" Value="5" />

<telerik:RadTab runat="server" Text="Attachments" Value="7" />

<telerik:RadTab runat="server" Text="Education Courses" Value="8" />

</Tabs>

</telerik:RadTabStrip>

</div>

</form>

</body>

</html>

Please note that this problem is not occurring in my internet explorer browser. I've tested with IE9 & IE11.
I am using telerik version 2015.3.1111.40 . Previously I was using 2014.1.225.40 . The amazing fact is this problem doesn't occur on my previous version. This is occurring on the latest version.

Observation:

If I add more tabs so that the scroll bar is displayed from the beginning then after re sizing this issue doesn't occur.
If I change the text of the last tab "Education Courses" to something smaller (say 3 letters) then the problem doesn't occur.

Please shed some light on this issue. Thanks

TabStrip

answered on 19 Jan 2016

1 answer

106 views

ExpandColumn Header style

I have a hierarchical grid with EnableHierarchyExpandAll="true"

I would like to set the background color of the ExpandColumn header. I would prefer to do this with a CSS class rather than a CSS selector.

I have the following CSS defined:

.gridHeader
{
background-color:#E1EDF7 !important;
}

in my grid ItemCreated server-side event, I have the following code:

Select Case e.Item.ItemType
                        Case GridItemType.Header
                            Dim headerRow As GridHeaderItem = CType(e.Item, GridHeaderItem)
                            headerRow("ExpandColumn").CssClass = "gridHeader"
End Select

This doesn't seem to work. Any ideas?

Grid

answered on 19 Jan 2016

1 answer

282 views

Date format for a row in a RadGrid

Hi everyone,

I have a radgrid where every column begins with a date (first row is a date).

Is there a way to set a date formatting for a Row within a RadGrid?

Thank you

Grid

answered on 19 Jan 2016

4 answers

166 views

[Solved] RadProgressManager OnClientProgressStarted running on any RadAjax postback

Hi,

I am using version 2015.1.401.40 of the ASP.NET for AJAX controls.

I have an ascx control that contains the RadUpload control along with a RadProgressArea and a RadProgressManager.

I have it in an aspx file that uses the RadAjaxManager and the aspx control also contains many other ascx controls.

Many of the ascx controls are being updated by the RadAjaxManager...

PROBLEM:

When I do anything on the aspx form that does an ajax postback, the OnClientProgressStarted event is being fired on the RadProgressManager.

As an example, I have an ajaxed ascx control that contains a telerik radgrid and when I put a row into edit mode on that grid, the OnClientProgressStarted event is fired on the RadProgressManager. I know that, because I call a javascript function from it and have put a debugger statement in it...

This causes totally undesirable behavior. I only want that event to fire when I'm using the upload control...

Q. Can you tell me if there is anything I can do to try to correct this behavior and NOT have OnClientProgressStarted fired on every ajax postback on the page?

Thanks,

Brent

Upload (Obsolete)

answered on 19 Jan 2016

1 answer

59 views

Latest version is moving the position of external script tags to the end of the head

Hi I'm having a problem since I upgraded to version 2015.3.1111.40. It seems that some external javascript tags are being moved from their position about half way up the head to the end of the head after the stylesheets are rendered. Unfortunately this is breaking javascript in the head that is trying to reference the scripts before they are defined.

Please see the pseudo code below:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1"><title>

==========SCRIPT TAGS RENDERED HERE WITH VERSION 2015.2.729.40===============
<script type="text/javascript" src="client.ashx"></script>
<script type="text/javascript" src="/JS/CustomEvent.js"></script>
<script src="/JS/GlobalEvents.js" type="text/javascript"></script>
=============================================================================

<script type="text/javascript">
//JAVASCRIPT STUFF
</script>

<link href="/WebResource.axd?d=GeaE1XAZCbM2xElfdpakRWK9V6QS7AU3nicMeAJ5diojozmIVm1_p383miQXR21SID15m4fD4kpKk2qGqs7PBSKutB6vkDGmWUpRyxfTq3r3IS9j5B90EIspv7UqcD_itjnaxcLSVzL7F9U0bbAKJQ2&t=635827770660000000" type="text/css" rel="stylesheet" class="Telerik_stylesheet" />


============SCRIPT TAGS NOW RENDERED HERE WITH VERSION 2015.3.1111.40=========
<script type="text/javascript" src="client.ashx"></script>
<script type="text/javascript" src="/JS/CustomEvent.js"></script>
<script src="/JS/GlobalEvents.js" type="text/javascript"></script>
==============================================================================

</head>

This is the rendered version of the page, the source has a code block and a script block in the head which may have some bearing?

Hope somebody can help as this is a large project and we can't make it live until we fix things.

Kind regards

Alan

General Discussions

answered on 19 Jan 2016

1 answer

102 views

Readonly events

I want to open a Tooltip with TooltipManager when the user clicks over a READ-ONLY RadRating. Is there a way to achieve this? It works with OnMouseOver, but i'm unable to assign the Click event :-(

Rating

answered on 19 Jan 2016

7 answers

257 views

DataNavigateUrlField target

How set DataNavigateUrlField target?
I load telerik:RadMenu from SqlDataSource and want to bind target field....

PanelBar

answered on 19 Jan 2016

1 answer

229 views

RadGrid exposes URL encoding to user on RadEditor

I have a page with RadEditor on it with properties:

NewLineMode = EditorNewLineModes.Br;

EditModes = EditModes.Design;

This editor contains data, for example: Before.png

When I inspect the element in the browser, I get:

<textarea name=

"Master$ContentPlaceHolderBody$UserControlCertificateEditChecks$UserControlCheckPersonalReferenceUKEdit$TextBoxResultWhyCandidate"

id=

"Master_ContentPlaceHolderBody_UserControlCertificateEditChecks_UserControlCheckPersonalReferenceUKEdit_TextBoxResultWhyCandidateTextArea"

style="width:100%;height:150px;">Area of familiarity %28Project Manager%29 albeit in a new area.

%3cbr/%3eAble to work well with others and understanding new ways of working.

%3cbr/%3eEnthusiastic.

%3cbr/%3eKeen to succeed.

%3cbr/%3e</textarea>

On the same page is a RadGrid. When the user selects 'Save Changes', on the RadGrid, the RadEditor is updated now the encoding is exposed to the user. See example: After.png

How can I stop this from happening?

Editor

answered on 19 Jan 2016

1 answer

258 views

Grid RowSpan

How to make the Boder appear？

Thank!

Grid

answered on 19 Jan 2016

1 answer

369 views

How to remove the Check all option from RadComboBox

When there is no item in RadComboBox i did't want check all option.

<telerik:RadComboBox ID="RadComboBoxSites" runat="server" OnClientItemChecking="OnClientItemChecking" CheckBoxes="true" EnableCheckAllItemsCheckBox="true" DataTextField="SiteName" DataValueField="SiteUid" AppendDataBoundItems="true" OnItemDataBound="RadComboBoxSites_ItemDataBound" DropDownWidth="250px"OnClientDropDownOpening="disableComboBoxSeparator;disableCheckall" EmptyMessage="Please select a site..." MaxHeight="192px">

</telerik:RadComboBox>

ComboBox

answered on 19 Jan 2016