Questions on UI for ASP.NET AJAX Forum

1 answer

218 views

Hi, I'm using the tabstrip with rendermode="lightweight" and skin="metrotouch" I'm trying to override some css to change some colors;

eg .selectedtab{background:#16a085 !important;}.RadTabStripTop {background:red !important;}

All working fine, except struggling to find what controls the strip below the tabs. See attached dump - blue strip across entire control. Need to change this color.....

Any suggestions please?

TabStrip

answered on 17 Sep 2015

1 answer

123 views

Using rad button and rad dropdown list to link to a sorted radgrid.

Hey, so I'm trying to use a rad dropdown and a rad button that will, when a value is selected, link to a rad grid that is then automatically sorted by the value chosen.

<telerik:RadDropDownList ID="RadDropDownList1" runat="server" DataTextField="Org" DataValueField="Org" DefaultMessage="Org List" DataSourceID="orgDropDown" Skin="Office2010Black"></telerik:RadDropDownList>

<br />

<telerik:RadButton ID="RadButton2" runat="server" Text="RadButton" ButtonType="LinkButton" Skin="Office2010Black"></telerik:RadButton>

protected void RadButton2_Click(object sender, EventArgs e)

{

DropDownListItem selectedItem = RadDropDownList1.SelectedItem;

if (selectedItem != null)

{

}

I have this so far but I'm absolutely lost as to what to do next.

Button

answered on 17 Sep 2015

1 answer

59 views

Custom background navigation colour

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

107 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

82 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

115 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

123 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

478 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

292 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

385 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