Questions on UI for ASP.NET AJAX Forum

1 answer

135 views

Hi

I am using radMenu with the Simple skin seems to be all css and no sprites, so lends itself to modification.

I have successfully changed the height and the text size, but I haven't managed to re-position the text to be centred vertically.

How do I do this?

my css so far is:

.RadMenu_Simple .rmHorizontal .rmRootLink span.rmText
{
height: 30px !important;
font-size:larger;
}

Thanks

Clive

Menu

answered on 11 Aug 2016

1 answer

95 views

Issues caused by updated version

Using an older version of telerik, we have a control formed like so:

[code]
<asp:DropDownList ID="ddlField" Visible="false" runat="server" AutoPostBack="true"
Height="20px" Width="126px" AppendDataBoundItems="True" DataSourceID="FieldLookupDS"
DataTextField="FieldName" DataValueField="FieldPk" CausesValidation="True">
</asp:DropDownList>
<telerik:RadComboBox runat="server" ID="radCbField" DataSourceID="FieldLookupDS"
DataTextField="FieldName" DataValueField="FieldPk" Width="130px" AllowCustomText="true"
Text="Select">
<ItemTemplate>
<asp:CheckBox runat="server" ID="cbField" AutoPostBack="true" Text='<%#Eval("FieldName")%>' />
</ItemTemplate>
</telerik:RadComboBox>
[/code]

Without change, the old version of the telerik controls allow us to select multiple items in a drop down list with checkboxes, while the default option field remains in place. After updating to a newer version of telerik, clicking on the checkboxes themselves maintains he same effect, but clicking on the label makes that label appear in the option field instead of the desired default prompt. This has been verified by simply switching the versions we are using.

Is there any guidance on how to re-implement this functionality in newer versions?

DropDownList

answered on 11 Aug 2016

1 answer

126 views

Incorrect Paging with Filtering

I'm getting very odd paging when I apply filters to certain grids, while others seem to be working correctly with basically the same code. What happens if I have my row result set to 25 and have 2 pages of results then I filter which only returns 5 results, the pager still shows two pages and the count still says page 1 of 2 and rows 1-25 of 26. I've attached some screen shots so you can see exactly what I'm referring to. What's worse is if you click on the pager to go to the next page it's blank and the pager control disappears.

Here's the basic header stuff for the Grid, if you need more let me know:

<telerik:RadGrid ID="rgActionItems"

OnItemCommand="rgActionItems_ItemCommand"

OnItemDataBound="rgActionItems_ItemDataBound"

ClientSettings-ClientEvents-OnGridCreated="radGrid_CreatedMaxHeight"

ClientSettings-Scrolling-AllowScroll="true"

runat="server"

AllowPaging="True"

AllowSorting="True"

AutoGenerateColumns="False"

CellSpacing="0"

ClientSettings-AllowColumnsReorder="false" ClientSettings-Resizing-AllowColumnResize="false" ClientSettings-Scrolling-UseStaticHeaders="true"

EnableLinqExpressions="False"

ExportSettings-ExportOnlyData="true" ExportSettings-IgnorePaging="true" ExportSettings-OpenInNewWindow="true" ExportSettings-HideStructureColumns="true"

GridLines="None"

GroupingSettings-CaseSensitive="false" MasterTableView-AllowMultiColumnSorting="false" MasterTableView-AllowNaturalSort="false" AllowFilteringByColumn="true" MasterTableView-CommandItemDisplay="Top"

MasterTableView-CommandItemSettings-ShowAddNewRecordButton="false"

MasterTableView-CommandItemSettings-ShowRefreshButton="false"

MasterTableView-CommandItemSettings-ShowExportToCsvButton="false"

MasterTableView-CommandItemSettings-ShowExportToExcelButton="true" ExportSettings-Excel-Format="Xlsx"

MasterTableView-CommandItemSettings-ShowExportToPdfButton="true" ExportSettings-Pdf-AllowCopy="true" ExportSettings-Pdf-AllowPrinting="true" ExportSettings-Pdf-AllowModify="true"

MasterTableView-CommandItemSettings-ShowExportToWordButton="true" ExportSettings-Word-Format="Docx"

PageSize="25"

PagerStyle-PageSizes="25,50,100"

PagerStyle-AlwaysVisible="true" PagerStyle-EnableAllOptionInPagerComboBox="true"

MasterTableView-PagerStyle-PagerTextFormat="{4} Page {0} of {1}, rows {2} to {3} of {5}"

MasterTableView-PagerStyle-Position="TopAndBottom"

MasterTableView-PagerStyle-PageButtonCount="10"

MasterTableView-PagerStyle-EnableAllOptionInPagerComboBox="false"

MasterTableView-TableLayout="Fixed"

>

<MasterTableView>

<SortExpressions>

<telerik:GridSortExpression FieldName="" SortOrder="Ascending" />

</SortExpressions>

<NoRecordsTemplate>

<asp:Label ID="Label1" Text="No Records Found" runat="server" />

</NoRecordsTemplate>

<Columns>

Thanks

Rodney

Grid

answered on 11 Aug 2016

3 answers

118 views

RadWindow Client Events not working when Using SignalR

when I m using signalr scripts in my master page all of radwindow in my project stop working fine

when I comment scripts like belowe rad window clients event start working
<link rel="shortcut icon" href="Content/images/favicon.ico" />

<%--<script src="Scripts/jquery-1.6.4.js" type="text/javascript"></script>
<script src="Scripts/json2.js" type="text/javascript"></script>
<script src="Scripts/jquery.signalR-1.0.0-rc2.min.js" type="text/javascript"></script>
<script src="signalr/hubs" type="text/javascript"></script>--%>

<script src="Content/lib/jquery.msgBox.min.js"></script>
<link href="Content/css/msgBoxLight.css" rel="stylesheet" />

Window

answered on 11 Aug 2016

3 answers

367 views

[Solved] radHtmlChart Series Labels extend out of Chart Area

Hi -

I am looking for a way to fix a radHTMLchart where the series labels extend outside of the chart boundary as shown in the attached picture.

My work around is to set the chart.PlotArea.LabelsAppearance.TextStyle.Margin = "-3" so the series label will appear very close to the end of the bar, but I would like to know if there is a better solution.

Thanks,

Cecilia Daniels

Chart (HTML5)

answered on 11 Aug 2016

4 answers

482 views

Cannot get object reference when RadButton is inside the EditTemplate of a ViewForm

Hello,

I am trying to get the reference to a RadButton object (which is used as a check box) which is inside the EditTemplate of a FormView. More specifically, I have the following code:

<telerik:RadFormDecorator id="FormDecorator1" runat="server" DecoratedControls="All" Skin="Metro"></telerik:RadFormDecorator>

<asp:Panel runat="server" ID="Panel1">

<asp:FormView ID="EmployerFormView" DataSourceID="EmployerObjectDataSource" DataKeyNames="id" runat="server" DefaultMode="Edit">

<EditItemTemplate>

<table>

<tr>

<td class="auto-style5">

<telerik:RadButton ID="rdBtnPhysical" runat="server" AutoPostBack="False" GroupName="rdEmplrType"

Text="Individual" ToggleType="Radio" OnClientCheckedChanged="rdBtnPhysical_CheckedChanged"

UseSubmitBehavior="False">

<ToggleStates>

<telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleRadioChecked" />

<telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleRadio" />

</ToggleStates>

</telerik:RadButton>

</td>

<td>

<telerik:RadButton ID="rdBtnLegal" runat="server" AutoPostBack="False" GroupName="rdEmplrType" Text="Legal Entity"

ToggleType="Radio" OnClientCheckedChanged="rdBtnLegal_CheckedChanged" UseSubmitBehavior="False">

<ToggleStates>

<telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleRadioChecked" />

<telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleRadio" />

</ToggleStates>

</telerik:RadButton>

</td>

</tr>

<tr>

<td class="auto-style5" style="white-space: nowrap">

<label>Employer Registration number:</label>

</td>

<td style="width: 100px">

<telerik:RadTextBox ID="txtAme" runat="server"

EmptyMessage="A.M.E.">

</telerik:RadTextBox>

</td>

</tr

>

			   ...

Then I have the following javascript code:

<telerik:RadCodeBlock ID="RadCodeBlock2" runat="server">

<script type="text/javascript">

$(document).ready(function () {

var firstName = $('input[id$="txtFirstName"]'); //This works fine

firstName = $telerik.toTextBox(firstName);

var fathersName = document.getElementById('<%=EmployerFormView.FindControl("txtFathersName").ClientID%>'); //This also works fine

fathersName = $telerik.toTextBox(fathersName);

var lbl = $get("lblEmplrName");

//The next line returns null reference

var checkbox = document.getElementById('<%=EmployerFormView.FindControl("rdBtnLegal").ClientID%>');

//This comes up with an exception since the object is null

checkBox = $telerik.toButton(checkBox);

if (checkBox.get_checked()) {

However, when I looked into the generated HTML code, I saw that the ClientID for the checkbox was the following:

ctl00_ContentPlaceHolder1_EmployerFormView_rdBtnLegal_input

with the problem being _input since the javascript line is rendered to the following:

var checkbox = document.getElementById('ctl00_ContentPlaceHolder1_EmployerFormView_rdBtnLegal');

As a result checkbox is undefined. Btw, there is also a ctl00_ContentPlaceHolder1_EmployerFormView_rdBtnLegal_ClientState

I do not understand why, and I don't know how to get the reference I want. It works fine with the RadTextBox (i.e. there is no _input appended at the end of the ClientID).

Thanks

Lefteris

Button

answered on 10 Aug 2016

9 answers

373 views

Stop TabStrip from "Stacking/Providing Multiple Rows of Tabs"

Hi Everyone,

I have what may be a simple question. The 1st screenshot below shows how I want my tabstrip to look, with its alignment fully justified to the page width. However, whenever any item causes the vertical scroll bar to display on the browser, such as in the 2nd attachment, my TabStrip "stacks" (I assume because the scroll bar is consuming horizontal space.).

Therefore, how do I "stop" my TabStrip from stacking/displaying in multiple tab rows? Here is my declaration for the tab strip:

<telerik:RadTabStrip ID="FastportRTS" runat="server" SelectedIndex="0" Skin="BlackMetroTouch"

Align="Justify" >

</telerik:RadTabStrip>

Thanks so much!

TabStrip

answered on 10 Aug 2016

1 answer

241 views

Cant use product due to license

My manager got a license for me. I created a BLANK web project and put just the rad tab strip control (no code) and tried to run and got the following:

Severity Code Description Project File Line Suppression State
Error Unable to resolve type 'Telerik.Web.UI.RadTabStrip, Telerik.Web.UI, Version=2016.2.607.45, Culture=neutral, PublicKeyToken=121fae78165ba3d4' ShipShort E:\Keihin\KCST\Administration\ShipShort\My Project\licenses.licx 1

In the license file:

Telerik.Web.UI.RadTabStrip, Telerik.Web.UI, Version=2016.2.607.45, Culture=neutral, PublicKeyToken=121fae78165ba3d4

Any thoughts on what I need to do?

Mark

General Discussions

answered on 10 Aug 2016

6 answers

99 views

ShowLineImages vs skin

Hi,

I use the metro skin which seems to hide my treeview node lines by default. If I set ShowLIneImages="true" this doesn't have any effect so I what is the correct approach to get no lines with the Metro skin?

TreeView