Questions on UI for ASP.NET AJAX Forum

1 answer

54 views

Hi,

I want change the colour of a navigation.

The property BackColour doesn't work, and if I want modify a Skin with your tool http://stylebuilder.telerik.com this control doesn't appear.

How can i change the background colour?

Thanks

Visual Style Builder

answered on 17 Sep 2015

8 answers

100 views

Slider not showing units

Hi,

I have a slider declared as follow:

<telerik:RadSlider

ID="RdSldr_Threshold"

runat="server"

ItemType="Tick"

MinimumValue="10"

MaximumValue="100"

LargeChange="10"

Orientation="Vertical"

TrackPosition="Center"

Height="200px"

Width="70px"

AnimationDuration="100"

ThumbsInteractionMode="Free"

EnableEmbeddedBaseStylesheet="false" EnableEmbeddedSkins="false"

EnableServerSideRendering="true">

</telerik:RadSlider>

With this declared before:

<telerik:RadScriptManager runat="server" ID="RadScriptManager1" EnablePageMethods="true" EnablePartialRendering="true" />

<telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server">

<StyleSheets>

<telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.Slider.css" />

<telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.Default.Slider.Default.css" />

</StyleSheets>

</telerik:RadStyleSheetManager>

The problem is that while the slider renders properly, I see not ticks on the side of it.

Any idea what causes this?

This is a pretty urgent issue for us.

Thanks

Slider

answered on 17 Sep 2015

1 answer

76 views

Trying to capture when an item is transfered from list A to list B

Hello,

I am trying to capture when an item is transferred from the list RadListBoxSource to the listbox lbSupervisors. I have put breakpoints on lbSupervisors_Inserted, lbSupervisors_Inserting, lbSupervisors_Transfered, lbSupervisors_Transfering and none of them are being hit when I transfer an item from RadListBoxSource to lbSupervisors. Please tell me why these breakpoints are not being hit.

Thanks,

Stephen

<%@ Page Title="" Language="C#" MasterPageFile="~/ARF.Master" AutoEventWireup="true" CodeBehind="Supervisors.aspx.cs" Inherits="ARF.Supervisors" %>

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

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="cphNameDivision" runat="server">

</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

<div class="well-large whitebg featurett one-edge-shadow minheight">

<h3>Divisions & Supervisors</h3>

<hr />

<asp:Panel ID="pnlDivision" Style="float:left" runat="server" Visible="true">

<asp:Label ID="labelDivision" runat="server" Font-Bold="true" Text="Division:"></asp:Label>

<br />

<telerik:RadListBox ID="lbDivisions" runat="server" Height="200px" Width="230px"

AutoPostBack="true" DataSourceID="DataSourceDivisions" DataValueField="ID"

DataTextField="Name" onselectedindexchanged="lbDivisions_SelectedIndexChanged">

</telerik:RadListBox>

</asp:Panel>

<asp:Panel ID="pnlTurnpike" Style="float:left;" runat="server" Visible="false"

<asp:Label ID="lblTurnpike" runat="server" Font-Bold="true" Text="Turnpike:"></asp:Label>

<br />

<telerik:RadListBox runat="server" ID="lbTurnpikes" Height="200px" Width="230px"

AutoPostBack="true" DataKeyField="TurnpikeID"

DataValueField="TurnpikeID" DataTextField="TurnpikeName" Visible="true" OnSelectedIndexChanged="lbTurnpikes_SelectedIndexChanged">

</telerik:RadListBox>

</asp:Panel>

<asp:Panel ID="pnlLocation" Style="float:left;" runat="server" Visible="false">

<asp:Label ID="lblLocation" runat="server" Font-Bold="true" Text="Location:"></asp:Label>

<br />

<telerik:RadListBox runat="server" ID="lbLocations" Height="200px" Width="230px"

AutoPostBack="true" DataKeyField="LocationID"

DataValueField="LocationID" DataTextField="LocationCodeDescription" OnSelectedIndexChanged="lbLocation_SelectedIndexChanged" Visible="true">

</telerik:RadListBox>

</asp:Panel>

<asp:Panel ID="pnlSupervisors" Style="float:left;" runat="server" Visible="false">

<div style="float:left;">

<asp:Label ID="Label1" runat="server" Font-Bold="true" Text="All Supervisors:"></asp:Label>

<br />

<telerik:RadListBox runat="server" ID="RadListBoxSource" Height="200px" Width="230px" AutoPostBack="true"

AllowTransfer="true" TransferToID="lbSupervisors" ButtonSettings-AreaWidth="35px">

</telerik:RadListBox>

</div>

<div style="float:left;">

<asp:Label ID="lblSupervisors" runat="server" Font-Bold="true" Text="Current Supervisors:"></asp:Label>

<br />

<telerik:RadListBox runat="server" ID="lbSupervisors" Height="200px" Width="230px" OnInserted="lbSupervisors_Inserted" OnInserting="lbSupervisors_Inserting" OnTransferred="lbSupervisors_Transfered" OnTransferring="lbSupervisors_Transfering"

AutoPostBack="true" DataKeyField="SupervisorID" AllowDelete="true"

DataValueField="SupervisorID" DataTextField="Name" Visible="true">

</telerik:RadListBox>

</div>

</asp:Panel>

<asp:SqlDataSource runat="server" ID="DataSourceDivisions" ConnectionString="<%$ ConnectionStrings:ARF %>"

SelectCommand="usp_Get_All_Divisions">

</asp:SqlDataSource>

</div>

</asp:Content>

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using Telerik.Web.UI;

namespace ARF

{

public partial class Supervisors : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

if (!Page.IsPostBack)

{

PopulateSupervisorsFull();

}

private void PopulateTurnpikes()

{

lbTurnpikes.DataSource = Turnpike.GetDivisionTurnpikes(Convert.ToInt32(lbDivisions.SelectedValue), Turnpike.GetTurnpikes());

lbTurnpikes.DataValueField = "TurnpikeID";

lbTurnpikes.DataTextField = "TurnpikeName";

lbTurnpikes.DataBind();

}

protected void lbTurnpikes_SelectedIndexChanged(object sender, EventArgs e)

{

DoTurnpikeSelectedIndexChanged(sender, e);

if (lbTurnpikes.SelectedItem.Text == "HQ")

{

PopulateSupervisors(Convert.ToInt32(lbTurnpikes.SelectedValue));

}

else

{

ResetSupervisor();

}

protected void lbLocation_SelectedIndexChanged(object sender, EventArgs e)

{

PopulateSupervisors(Convert.ToInt32(lbTurnpikes.SelectedItem.Value));

lbLocations.Focus();

}

private void ResetSupervisor()

{

((Telerik.Web.UI.RadListBox)(lbSupervisors)).Items.Clear();

}

private void ResetLocation()

{

((Telerik.Web.UI.RadListBox)(lbLocations)).Items.Clear();

}

private void ResetDivision()

{

((Telerik.Web.UI.RadListBox)(lbTurnpikes)).Items.Clear();

ResetLocation();

}

protected void lbDivisions_SelectedIndexChanged(object sender, EventArgs e)

{

//Clear the division list

ResetDivision();

//Clear the supervisor list

ResetSupervisor();

PopulateTurnpikes();

//show the appropriate panels

switch (lbDivisions.SelectedItem.Text.ToString().Trim())

{

case "Toll":

pnlLocation.Visible = true;

pnlTurnpike.Visible = true;

PopulateTurnpikes();

lbDivisions.Focus();

DoTurnpikeSelectedIndexChanged(sender, e);

break;

case "Maintenance":

pnlLocation.Visible = true;

pnlTurnpike.Visible = true;

lblLocation.Text = "Location:";

lbDivisions.Focus();

DoTurnpikeSelectedIndexChanged(sender, e);

break;

case "Pikepass":

pnlLocation.Visible = true;

pnlTurnpike.Visible = false;

lbTurnpikes.SelectedIndex = 0;

DoTurnpikeSelectedIndexChanged(sender, e);

lblLocation.Text = "Department:";

lbDivisions.Focus();

break;

default:

PopulateSupervisors(-1);

pnlSupervisors.Visible = true;

pnlDivision.Visible = true;

pnlTurnpike.Visible = false;

pnlLocation.Visible = false;

lbDivisions.Focus();

break;

}

protected void DoTurnpikeSelectedIndexChanged(object sender, EventArgs e)

{

if (lbTurnpikes.SelectedItem != null)

{

if (lbTurnpikes.SelectedItem.Text != "HQ")

{

List<Location> lstAllLocations = Location.GetLocations();

// Clear Location when Turnpike is selected or changed

lbLocations.Items.Clear();

switch (lbDivisions.SelectedItem.Text.ToString().Trim())

{

case "Toll":

case "Maintenance":

case "Pikepass":

pnlLocation.Visible = true;

lbLocations.DataSource = Location.GetTurnpikeLocations(Convert.ToInt16(lbDivisions.SelectedItem.Value), Convert.ToInt16(lbTurnpikes.SelectedItem.Value), lstAllLocations);

lbLocations.DataValueField = "LocationID";

lbLocations.DataTextField = "LocationCodeDescription";

lbLocations.DataBind();

lbTurnpikes.Focus();

break;

default:

lbLocations.DataSource = null;

break;

}

else

{

pnlLocation.Visible = false;

lbTurnpikes.Focus();

}

private void PopulateSupervisors(int TurnpikeID)

{

List<Supervisor> lst = Supervisor.GetSupervisorsWithoutSelect();

lbSupervisors.DataSource = Supervisor.GetDivisionTurnpikeSupervisorList(Convert.ToInt32(lbDivisions.SelectedItem.Value), TurnpikeID, lst);

lbSupervisors.DataValueField = "SupervisorID";

lbSupervisors.DataTextField = "Name";

lbSupervisors.DataBind();

}

private void PopulateSupervisorsFull()

{

RadListBoxSource.DataSource = Supervisor.GetSupervisorsWithoutSelect();

RadListBoxSource.DataValueField = "SupervisorID";

RadListBoxSource.DataTextField = "Name";

RadListBoxSource.DataBind();

}

protected void lbSupervisors_Inserted(object sender, RadListBoxEventArgs e)

{

foreach (RadListBoxItem item in e.Items)

{

long supervisorID = Convert.ToInt32(item.ID);

}

protected void lbSupervisors_Inserting(object sender, RadListBoxInsertingEventArgs e)

{

}

protected void lbSupervisors_Transfered(object sender, RadListBoxTransferredEventArgs e)

{

}

protected void lbSupervisors_Transfering(object sender, RadListBoxTransferringEventArgs e)

{

}

ListBox

answered on 17 Sep 2015

3 answers

104 views

Hiding Grid Column Edit mode if it does not contain a value

Hi There
I would like to hide a grid column run time at Edit mode if it does not contain a value.
I am using EditMode="InPlace".
I would still like to show that column if it is not in edit mode
Can someone please help me
Thanks
Syed

Grid

answered on 17 Sep 2015

1 answer

116 views

Readonly Column at run time

Hi There
I have a bit odd requirement inside a grid. What I am looking for is.
I have grid which consist of Year column and all the 12 month(July, August,….June) and total Budget amount.
This grid could have many rows for different phases of the project (Concept, Design, Construction etc)
Now my task is do the phasing for that budget at runtime.
At run time I know which months (based on Dates Stored somewhere) I need to put the budget and based on that I have to divide this amount into these months and make all other month as read only.
I have to make sure that sum of all the month should be equal to total budget amount at client side
For example first row might be Design which might start from August and finish at October so remaining column for other months should be read only
Second row might be construction which might start from October and finish at December so remaining column for other months should be read only.
I hope this would be clear enough
Please let me know how to achieve this.
I will really appreciate that and look forward to hear from you all
Many thanks
Syed

Grid

answered on 17 Sep 2015

5 answers

458 views

Could not find UpdatePanel with ID while adding Radajaxmanager

I have added the controls in my aspx page in Ajax manager and I am getting an error "Microsoft JScript runtime error: Sys.InvalidOperationException: Could not find UpdatePanel with ID 'PanelMsgPanel'. If it is being updated dynamically then it must be inside another UpdatePanel." This error is coming for all the controls in the Ajax manager control ID="rbSave".I have many labels in my aspx page with visible=false.Tried including them in a panel ,but result is the same.

I have searched the forum and saw many post like http://www.telerik.com/community/forums/aspnet-ajax/ajax/402721.aspx .But couldn't solve the issue here.Please help me in this.

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="rbSave">

<UpdatedControls>

<%--<telerik:AjaxUpdatedControl ControlID="rbSave" />--%>

<telerik:AjaxUpdatedControl ControlID="PanelMsg" />

<telerik:AjaxUpdatedControl ControlID="lblRegnumber" />

<telerik:AjaxUpdatedControl ControlID="LblRegnNo" />

<telerik:AjaxUpdatedControl ControlID="lbltitle" />

<telerik:AjaxUpdatedControl ControlID="lblname" />

<telerik:AjaxUpdatedControl ControlID="lbldob" />

<telerik:AjaxUpdatedControl ControlID="lblAge" />

<telerik:AjaxUpdatedControl ControlID="lblfile" />

<telerik:AjaxUpdatedControl ControlID="lblnation" />

<telerik:AjaxUpdatedControl ControlID="Panelmobile" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadPageView id="RadPageView4" runat="server" >

<table width="800px">

<tr style="height:30px;">

<td align="center" class="heading_style">

Appointment with Doctor

</td>

</tr>

<tr>

<td>

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

<span id="Message" runat="server" class="errormessage" Style="font: 10pt Verdana;font-weight:700;color:Red"></span>

</asp:Panel>

</td>

</tr>

<tr>

<td>

<asp:Label ID="lblRegnumber" runat="server" Text=" Regn No. " Visible="false" Style="font: 10pt Verdana;font-weight:700;color:Red" ></asp:Label>

<asp:Label ID="LblRegnNo" runat="server" Visible="false" Style="font: 10pt Verdana;font-weight:700;color:Red"></asp:Label>

</td>

</tr>

<tr>

<td align="center">

<div>

<table cellpadding="5" cellspacing="0">

<tr><td align="left" >Clinic</td>

<td align="left">

<telerik:RadComboBox ID="RCClinic" runat="server" Width="200px"

DropDownWidth="500px" Height="200px" EmptyMessage="Select Clinic" EnableLoadOnDemand="true"

Filter="StartsWith" OnItemsRequested="RCClinic_ItemsRequested"

HighlightTemplatedItems="true"

OnSelectedIndexChanged="RCClinic_SelectedIndexChanged" AutoPostBack="true"

>

<HeaderTemplate>

<table style="width: 500px" cellspacing="0" cellpadding="0">

<tr>

<td style="text-align:left;width:250px">Clinic

</td>

<td style="text-align:left;width:250px">Doctor

</td>

</tr>

</table>

</HeaderTemplate>

<ItemTemplate>

<table style="width: 500px" cellspacing="0" cellpadding="0">

<tr>

<td style="text-align:left;width:250px">

<%# DataBinder.Eval(Container, "Text")%>

</td>

<td style="text-align:left;width:250px">

<%# DataBinder.Eval(Container, "Attributes['doc_name']")%>

</td>

</tr>

</table>

</ItemTemplate>

</telerik:RadComboBox>

</td>

</tr>

<tr>

<td align="left">

Doctor

</td>

<td align="left">

<%-- <asp:UpdatePanel ID="PanelDr" runat="server" UpdateMode="Conditional">

<Triggers>

<asp:AsyncPostBackTrigger ControlID="RCClinic" />

</Triggers>

<ContentTemplate>--%>

<telerik:RadTextBox ID="RCDoctor" runat="server" Width="200px" ></telerik:RadTextBox>

<%--</ContentTemplate>

</asp:UpdatePanel>

--%> </td>

<td>

<%-- <asp:UpdatePanel ID="PanelDur" runat="server" UpdateMode="Always">

<Triggers>

<asp:AsyncPostBackTrigger ControlID="RCClinic" />

</Triggers>

<ContentTemplate>

--%> <asp:DropDownList ID="RCDuration" runat="server" Width="75px" AutoPostBack="true" OnSelectedIndexChanged="RCDuration_SelectedIndexChanged" >

<asp:ListItem Text="Select" Value="0" />

<asp:ListItem runat="server" Text="5 Min" Value="5" />

<asp:ListItem runat="server" Text="10 Min" Value="10" />

<asp:ListItem runat="server" Text="15 Min" Value="15" />

<asp:ListItem runat="server" Text="20 Min" Value="20" />

<asp:ListItem runat="server" Text="25 Min" Value="25" />

<asp:ListItem runat="server" Text="30 Min" Value="30" />

<asp:ListItem runat="server" Text="35 Min" Value="35" />

<asp:ListItem runat="server" Text="40 Min" Value="40" />

<asp:ListItem runat="server" Text="45 Min" Value="45" />

<asp:ListItem runat="server" Text="50 Min" Value="50" />

<asp:ListItem runat="server" Text="55 Min" Value="55" />

<asp:ListItem runat="server" Text="60 Min" Value="60" />

</asp:DropDownList>

<%-- </ContentTemplate>

</asp:UpdatePanel>

--%> </td>

</tr>

<tr>

<td align="left" >

App. Time

</td>

<td align="left">

From

<telerik:RadTimePicker ID="RCFromTime" runat="server" Width="75px" Culture="en-US"

TimeView-TimeFormat="t" DateInput-DateFormat="h:mm tt"

DateInput-DisplayDateFormat="h:mm tt" Skin="Web20" >

<TimeView ID="TimeView1" StartTime="08:00:00" EndTime="20:00:00" Height="100px" Width="250px" ShowHeader="False" runat="server"></TimeView>

</telerik:RadTimePicker>

</td>

<td align="left">

To

<telerik:RadTimePicker ID="RCToTime" runat="server" Width="75px" Culture="en-US"

TimeView-TimeFormat="t" DateInput-DateFormat="h:mm tt"

DateInput-DisplayDateFormat="h:mm tt" Skin="Web20">

<TimeView ID="TimeView2" StartTime="08:00:00" EndTime="20:00:00" Height="100px" Width="250px" ShowHeader="False" runat="server"></TimeView>

</telerik:RadTimePicker>

<%-- </ContentTemplate>

</asp:UpdatePanel>--%>

</td>

</tr>

</table>

<table width="800px">

<tr>

<td align="right">

<telerik:RadButton ID="A_prevButton" runat="server" Text="Previous" Skin="WebBlue" OnClick="A_prevButton_Click">

<Icon SecondaryIconCssClass="rbPrevious" SecondaryIconRight="4" SecondaryIconTop="6" />

</telerik:RadButton>

<telerik:RadButton ID="A_nextButton" runat="server" Text="Next" Skin="WebBlue" OnClick="A_nextButton_Click">

<Icon SecondaryIconCssClass="rbNext" SecondaryIconRight="4" SecondaryIconTop="6" />

</telerik:RadButton>

</td>

</tr>

</table>

</div>

</td>

</tr>

</table>

</telerik:RadPageView>

Ajax

answered on 17 Sep 2015

3 answers

276 views

hide trial message

Hello

How can i hide the trial message without purchease telerik??

thanks

General Discussions

answered on 17 Sep 2015

3 answers

366 views

Custom styles for Menu to remove borders

The attached image shows two RadMenus. The first is mobile rendered menu with a custom sprite. Works great!

The second menu (WorldWideGarvin > Visualization) shows the second menu, which I use for both navigation and as a breadcrumb trail.

I have modified several "rm" styles starting with the base MetroTouch skin (latest release). Background effects are working fine.

I would also like to remove the borders entirely using the following code, which of course works for the white background but does not remove the borders or effects on the individual menu items. How do I make those go away so that only the menu title and image remain?

}

.wwgItem {

background-color: white;

border-color:white;

border-style:none;

letter-spacing: .15em;

font-size: 14pt;

}

.rmFocused {

Menu

answered on 17 Sep 2015

5 answers

196 views

RadComboBox populated by Web Service. DataBind doesn't populate the ComboBox!

Hello,

I am in the process of migrating some combo boxes that used to be data source driven to be populated from a web service. I am facing a scenario where I need to force the combo box to load by calling ComboBox.DataBind() in the code behind. However, following the call the ComboBox contains no data!

I have tried searching for a solution and I have referred to the documentation but I can't find anything that works. I should mention that the combo box is populated if the user interacts with it so it is configured correctly, the web service is returning data and so on.

I have tried experimenting with different values for EnableLoadOnDemand and EnableAutomaticLoadOnDemand but no luck!

Any help would be appreciated, so thanks in advance.

John.

ComboBox