Questions on UI for ASP.NET AJAX Forum

4 answers

437 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

338 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

227 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

57 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

answered on 10 Aug 2016

1 answer

75 views

RadScheduler ContextMenu's not following Rendermode="Mobile"

RadSchedulerContextMenu's not following the proper render behavior on mobile devices, does anyone have any suggestions.

When the submenus pop up instead of following the behavior that normal RadMenu's they go off the screen.

Scheduler

answered on 10 Aug 2016

2 answers

102 views

Different fonts after upgrading ASP.NET AJAX

Hello.

After upgrading to ASP.NET AJAX 2015_1_401 or to ASP.NET AJAX 2016_2_607, fonts of my website are different in size and family.

These different fonts are in regular text or asp label, not in telerik radcontrols. Now they are smaller than before.

Can you please tell me what is happening?

thanks,

General Discussions

answered on 10 Aug 2016

1 answer

112 views

RangeColumnsSeries and BubbleSeries in same graph

Hi,

I am using telerik RadHtmlChart Component with RangeColumnSeries. I would like to add BubbleSeries to this graph also but it does not appear.

See the png what I would like to do.

and below is the used code:

   <telerik:RadHtmlChart runat="server" ID="RangeColumnChart" Width="800px" Height="500px">
        <ChartTitle Text="Putket">
        </ChartTitle>
        <PlotArea>

            <XAxis Visible="True">
                <Items>
                    <telerik:AxisItem LabelText="1"></telerik:AxisItem>
                    <telerik:AxisItem LabelText="2"></telerik:AxisItem>
                    <telerik:AxisItem LabelText="3"></telerik:AxisItem>
                    <telerik:AxisItem LabelText="4"></telerik:AxisItem>
                    <telerik:AxisItem LabelText="5"></telerik:AxisItem>
                    <telerik:AxisItem LabelText="6"></telerik:AxisItem>
                    <telerik:AxisItem LabelText="7"></telerik:AxisItem>
                    <telerik:AxisItem LabelText="8"></telerik:AxisItem>
                    <telerik:AxisItem LabelText="9"></telerik:AxisItem>
                    <telerik:AxisItem LabelText="10"></telerik:AxisItem>
                    <telerik:AxisItem LabelText="11"></telerik:AxisItem>
                    <telerik:AxisItem LabelText="12"></telerik:AxisItem>
                </Items>
            </XAxis>
            <YAxis Visible="True"></YAxis>
            <Series>
                <telerik:RangeColumnSeries>
                    <SeriesItems>
                        <telerik:RangeSeriesItem From="0" To="25" />
                        <telerik:RangeSeriesItem From="0" To="25" />
                        <telerik:RangeSeriesItem From="0" To="25" />
                        <telerik:RangeSeriesItem From="0" To="25" />
                        <telerik:RangeSeriesItem From="0" To="25" />
                        <telerik:RangeSeriesItem From="0" To="25" />
                        <telerik:RangeSeriesItem From="0" To="25" />
                        <telerik:RangeSeriesItem From="0" To="25" />
                        <telerik:RangeSeriesItem From="0" To="25" />
                        <telerik:RangeSeriesItem From="0" To="25" />
                        <telerik:RangeSeriesItem From="0" To="20" />
                        <telerik:RangeSeriesItem From="0" To="20" />
                    </SeriesItems>

                    <LabelsAppearance Visible="false">
                        <FromLabelsAppearance>
                            <ClientTemplate>
                                    #=value.from# °C
                            </ClientTemplate>
</FromLabelsAppearance>
                        <ToLabelsAppearance>
                            <ClientTemplate>
                                    #=value.to# °C
                            </ClientTemplate>
</ToLabelsAppearance>
                    </LabelsAppearance>
                    <TooltipsAppearance Color="White">
                        <ClientTemplate>
                                Avg Min Temp : #= value.from # °C<br>
                                Avg Max Temp : #= value.to # °C
                        </ClientTemplate>
                    </TooltipsAppearance>
                </telerik:RangeColumnSeries>
                   <telerik:BubbleSeries Name="pallukat">

                    <Appearance FillStyle-BackgroundColor="#328fae"></Appearance>
                    <SeriesItems>
                        <telerik:BubbleSeriesItem Size="33739900" X="7" Y="8" Tooltip="CAN" />
                        <telerik:BubbleSeriesItem Size="33739900" X="7" Y="16" Tooltip="CAN" />
                        <telerik:BubbleSeriesItem Size="33739900" X="8" Y="8" Tooltip="CAN" />
                        <telerik:BubbleSeriesItem Size="33739900" X="8" Y="18" Tooltip="CAN" />

                    </SeriesItems>
                </telerik:BubbleSeries>

            </Series>
        </PlotArea>
    </telerik:RadHtmlChart>

Can you provide simple example how I get this work?

Regards,

Auvo

Chart (HTML5)

answered on 10 Aug 2016

2 answers

78 views

Bug with MinDate when clicking Calendar

I have a RadDatePicker inside an asp:ListView that I am having an issue with.

When the page loads I am setting the minDate on the code behind and the control renders like this:

You can see that the minDateStr renders properly.

The bug happens when I click on the calendar to change the date. The control goes into an invalid state because the minDateString turns into "NaN" like so:

I am using Telerik version: 2016.1.225.45

On Windows 10

Using Google Chrome version: 51.0.2704.106 m

DatePicker

answered on 10 Aug 2016

6 answers

393 views

Hide/Show addtional Y Axis in Javascript

I have page which displays chart correctly, when the user selects a radio button triggers a postback and gets more data from the server correctly. I get 2 lines appear on the chart.

In order to spend this up I tried moving all this client side, so return all the series data to the page. I worked out some JavaScript to hide or show the series data. Additionally I hide the additional Y Axis and attempted to show these in the java script but setting:

chart._plotArea.axes[axesIndex].options.visible = true

Has no effect.

I have attached to images one showing all the Y Axis on page load. The other hidden and I selected a radio button the series appears but does not show the Y Axis.

The javascript function is below.

Chart (HTML5)

answered on 10 Aug 2016

2 answers

287 views

Resizing issue with RadSearchBox width 100%

I have a resizing issue with the RadSearchBox. The control has a width of 100%.
When increasing the width of the browser, the RadSearchBox width auto adjust and increase accordingly.
However, when I decrease the browser width, the RadSearchBox width is not decreased.
I would expect the control width to decrease like other Telerik controls.

Can you help me with that please ?

<style type="text/css">

.DivStyle

{

width:90%;

border:1px solid green;

padding:10px;

}

.TableStyle

{

width:100%

}