Questions on UI for ASP.NET AJAX Forum

0 answers

93 views

Hey there,

I am trying to generate the following

onclick="return RunScript('/SC/ServiceModules/Handlers/ActionHandler.ashx?_o=48ba5dd8-35ff-4aff-9465-06501f4e6d53&_an=STOP&Name=b61f62b9-c191-45a5-ac8c-1e329ec5c3a2&_pvg=034cd5fc-c1c0-4ec8-935a-53864241dcae&_at=OMCommand','Are you sure you want to Turn Off?');"

inside the area tag, and using the following:

string attri =onclick="return RunScript('/SC/ServiceModules/Handlers/ActionHandler.ashx?_o=48ba5dd8-35ff-4aff-9465-06501f4e6d53&_an=STOP&Name=b61f62b9-c191-45a5-ac8c-1e329ec5c3a2&_pvg=034cd5fc-c1c0-4ec8-935a-53864241dcae&_at=OMCommand','Are you sure you want to Turn Off?');"

chartSeries.Items[j].ActiveRegion.Attributes = attri;

but seems that the output always get rid of / character,and the onclick does not works

Thanks,T

Chart (Obsolete)

asked on 03 Oct 2013

1 answer

55 views

RadXmlHttpPanel and RadScheduler working together

From what I've seen in testing it and what I've seen in posts it appears RadScheduler cannot be used with RadXmlHttpPanel. Are there any plans to support this and if not can it be documented somewhere?

Scheduler

answered on 03 Oct 2013

1 answer

752 views

Textbox width set to percentage server side error

Hi I have a RadTextBox that has a Width set to 100%

<telerik:RadTextBox ID="tb_Tools" runat="server" ReadOnly="true" Width="100%"></telerik:RadTextBox>

In certain scenarios I need to change this to 90% so in my code behind I have the following in an If Then Statement....

If condition Then

tb_Tools.Width = Unit.Percentage(90)

End If

Unfortunately in Visual Studio I get a wavy line under Unit.Percentage(90) and a ToolTips error stating....

Value of Type 'Telerik.Charting.Styles.Unit' cannot be converted to 'System.Web.UI.WebControls.Unit'.

What have I done wrong?

Input

answered on 03 Oct 2013

2 answers

129 views

Last row not updating

I'm using the item databound event in radgrid to look at a status column and to change another column's font color and set it to bold if the status equals 3. This works perfectly fine on all of the rows except for the last row. Is there anything you can see with this code example that I'm missing to get this to apply to the last row as well?

protected void rgGrid_ItemDataBound(object sender, GridItemEventArgs e)
{
if (e.Item is GridDataItem)
{
foreach (GridDataItem item in rgGrid.Items)
{
Label sunstat = item["sunstat"].FindControl("lbliSundayStat") as Label;
Label monstat = item["monstat"].FindControl("lbliMondayStat") as Label;
Label tuestat = item["tuestat"].FindControl("lbliTuesdayStat") as Label;
Label wedstat = item["wedstat"].FindControl("lbliSundayStat") as Label;
Label thustat = item["thustat"].FindControl("lbliSundayStat") as Label;
Label fristat = item["fristat"].FindControl("lbliSundayStat") as Label;
Label satstat = item["satstat"].FindControl("lbliSundayStat") as Label;

Label sun = item["Sunday"].FindControl("lbliSunday") as Label;
Label mon = item["Monday"].FindControl("lbliMonday") as Label;
Label tue = item["Tuesday"].FindControl("lbliTuesday") as Label;
Label wed = item["Wednesday"].FindControl("lbliWednesday") as Label;
Label thu = item["Thursday"].FindControl("lbliThursday") as Label;
Label fri = item["Friday"].FindControl("lbliFriday") as Label;
Label sat = item["Saturday"].FindControl("lbliSaturday") as Label;
if (sunstat.Text == "3")
{
sun.ForeColor = Color.Red;
sun.Font.Bold = true;
}
if (monstat.Text == "3")
{
mon.ForeColor = Color.Red;
mon.Font.Bold = true;
}
if (tuestat.Text == "3")
{
tue.ForeColor = Color.Red;
tue.Font.Bold = true;
}
if (wedstat.Text == "3")
{
wed.ForeColor = Color.Red;
wed.Font.Bold = true;
}
if (thustat.Text == "3")
{
thu.ForeColor = Color.Red;
thu.Font.Bold = true;
}
if (fristat.Text == "3")
{
fri.ForeColor = Color.Red;
fri.Font.Bold = true;
}
if (satstat.Text == "3")
{
sat.ForeColor = Color.Red;
sat.Font.Bold = true;
}
}
}

Grid

answered on 03 Oct 2013

2 answers

118 views

[Solved] Styling ColumnEditor

I am using a drop down column in my grid. I used a Column Editor to set the width of the drop down used in edit mode. Setting the width works, but...

I want to set the control style of my column to a RadComboBox, but I want the control to use a different skin from the grid. So I set the ComboBoxControl-Skin on the ColumnEditor.

This doesn't work. I get an error on the page: Object reference not set to an instance of an object.

Is there a way to get this to work? I can use a dropdown list and a form decorator, but it doesn't give me quite the same look.

Grid

answered on 03 Oct 2013

1 answer

70 views

Contextual Tab

How can i assing CssClass to RibbonBarContextualTabGroup? Here is my code.

<ContextualTabGroups>
    <telerik:RibbonBarContextualTabGroup Text="Test" Active="true" CssClass="Ctabformat">
        <telerik:RibbonBarTab Text="Tab1" Font-Bold="true" ></telerik:RibbonBarTab>
    </telerik:RibbonBarContextualTabGroup>
</ContextualTabGroups>

Somehow it is not applying format specified in CssClass.

RibbonBar

answered on 03 Oct 2013

26 answers

1.9K+ views

RadComboBox auto-width

Is auto-width supported for the RadComboBox? Is there a way to make it grow horizontally to the largest item in the select list?

ComboBox

answered on 03 Oct 2013

3 answers

65 views

Chrome specific issue when used silverlight control inside RadPageView control

We are having a problem with silver-light control that is inside <telerik:RadPageView/>.

The issue is, it loads properly on IE; but doesn’t work on Chrome and FF browser. However, it is working fine when used outside the RadPageView control.

Could you please provide us a solution to resolve this?

Please refer application code to reproduce this issue.

ASPX page

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="RadChartInASP.NET.Web._Default" %>

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

<%@ Register Assembly="System.Web.Silverlight" Namespace="System.Web.UI.SilverlightControls"

TagPrefix="asp" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

<head runat="server">

<title></title>

</head>

<body style="height: 100%; margin: 0;">

<form id="form1" runat="server" style="height: 100%;" dir="ltr">

<script type="text/javascript">

var silverlightControl;

function pluginLoaded(sender) {

// get reference to the silverlight control on the page

silverlightControl = sender.get_element();

}

function ColorChanged(sender, args) {

silverlightControl.content.slChartPage.SeriesColor = sender.get_selectedColor();

}

function Show3D_Click(sender) {

var checked = sender.checked;

silverlightControl.content.slChartPage.Show3D = checked;

if (checked) {

$get("ColorPicker").style.display = "none";

$get("ColorPickerLbl").style.display = "none";

$get("ShowTooltips").style.display = "none";

$get("ShowTooltipsLbl").style.display = "none";

$get("HideElements").style.display = "block";

$get("HideElementsLbl").style.display = "block";

$get("HideElementsOnRotation").checked = false;

}

else {

$get("ColorPicker").style.display = "block";

$get("ColorPickerLbl").style.display = "block";

$get("ShowTooltips").style.display = "block";

$get("ShowTooltipsLbl").style.display = "block";

$get("ShowItemTooltips").checked = false;

$get("HideElements").style.display = "none";

$get("HideElementsLbl").style.display = "none";

}

function AxisXTitleTextBox_Changed(sender, args) {

silverlightControl.content.slChartPage.AxisXTitle = args.get_newValue();

}

function AxisYTitleTextBox_Changed(sender, args) {

silverlightControl.content.slChartPage.AxisYTitle = args.get_newValue();

}

function ShowItemLabels_Click(sender) {

silverlightControl.content.slChartPage.ShowItemLabels = sender.checked;

}

function ShowItemTooltips_Click(sender) {

silverlightControl.content.slChartPage.ShowItemTooltips = sender.checked;

}

function HideElementsOnRotation_Click(sender) {

silverlightControl.content.slChartPage.HideElementsOnRotation = sender.checked;

}

function ShowXAxis_Click(sender) {

silverlightControl.content.slChartPage.ShowXAxis = sender.checked;

}

function ShowYAxis_Click(sender) {

silverlightControl.content.slChartPage.ShowYAxis = sender.checked;

}

function ShowXAxisGridlines_Click(sender) {

silverlightControl.content.slChartPage.ShowXAxisGridlines = sender.checked;

}

function ShowYAxisGridlines_Click(sender) {

silverlightControl.content.slChartPage.ShowYAxisGridlines = sender.checked;

}

function ShowXAxisStriplines_Click(sender) {

silverlightControl.content.slChartPage.ShowXAxisStriplines = sender.checked;

}

function ShowYAxisStriplines_Click(sender) {

silverlightControl.content.slChartPage.ShowYAxisStriplines = sender.checked;

}

function AxisXFormat_Changed(sender, args) {

silverlightControl.content.slChartPage.AxisXFormat = args.get_item().get_text();

}

function AxisYFormat_Changed(sender, args) {

silverlightControl.content.slChartPage.AxisYFormat = args.get_item().get_text();

}

function ItemsFormat_Changed(sender, args) {

silverlightControl.content.slChartPage.ItemsFormat = args.get_item().get_text();

}

function SeriesColorCombo_Changed(sender, args) {

silverlightControl.content.slChartPage.SeriesColor = args.get_item().get_text();

}

</script>

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<div style="height: 400px;">

<telerik:RadTabStrip ID="tabConfigure" Width="100%" ClientIDMode="Static" runat="server"

Style="position: relative; margin-left: 0px;" MultiPageID="ConfiguraionPan">

<Tabs>

<telerik:RadTab Text="Admin" Value="Admin" runat="server" PageViewID="pvAdmin">

</telerik:RadTab>

<telerik:RadTab Text="Dashboard" runat="server" PageViewID="pvCharts" Value="Charting">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<asp:Silverlight ID="Xaml1" runat="server" Source="~/ClientBin/RadChartInASP.NET.xap"

MinimumVersion="2.0.30728.0" Width="100%" Height="100%" OnPluginLoaded="pluginLoaded" />

</div>

<telerik:RadMultiPage ID="ConfiguraionPan" Width="100%" CssClass="multiPage" runat="server"

ClientIDMode="Static">

<telerik:RadPageView ID="ConfugarationPan" runat="server" Height="100%" Width="100%"

ClientIDMode="Static">

</telerik:RadPageView>

<telerik:RadPageView ID="pvDashboard" runat="server" Height="100%" Width="100%" ClientIDMode="Static">

</telerik:RadPageView>

<telerik:RadPageView ID="pvCharts" runat="server" Height="100%" Width="100%" ClientIDMode="Static">

<table>

<tr>

<td>

Show 3D chart:

</td>

<td>

<asp:CheckBox ID="Show3D" runat="server" onclick="Show3D_Click(this);" />

</td>

<td>

</td>

<td>

</td>

<td>

</td>

<td>

</td>

</tr>

<tr>

<td>

<div id="ColorPickerLbl">

Series color:

</div>

</td>

<td>

<div id="ColorPicker">

<telerik:RadColorPicker ID="RadColorPicker1" runat="server" ShowEmptyColor="false"

Preset="Standard" OnClientColorChange="ColorChanged">

</telerik:RadColorPicker>

</div>

</td>

<td>

</td>

<td>

</td>

<td>

</td>

<td>

</td>

</tr>

<tr>

<td>

AxisXTitle:

</td>

<td>

<telerik:RadTextBox ID="AxisXTitleTextBox" runat="server" Width="220px">

<ClientEvents OnValueChanged="AxisXTitleTextBox_Changed" />

</telerik:RadTextBox>

</td>

<td>

<div id="ShowTooltips">

<asp:CheckBox ID="ShowItemTooltips" runat="server" onclick="ShowItemTooltips_Click(this);" />

</div>

<div id="HideElements" style="display: none;">

<asp:CheckBox ID="HideElementsOnRotation" runat="server" onclick="HideElementsOnRotation_Click(this);" />

<br />

</div>

</td>

<td>

<div id="ShowTooltipsLbl">

Show item tooltips.

</div>

<div id="HideElementsLbl" style="display: none;">

Hide elements on rotation

</div>

</td>

<td>

<asp:CheckBox ID="ShowXAxisGridlines" runat="server" onclick="ShowXAxisGridlines_Click(this);" />

</td>

<td>

Show X axis gridlines.

</td>

</tr>

<tr>

<td>

AxisYTitle:

</td>

<td>

<telerik:RadTextBox ID="AxisYTitleTextBox" runat="server" Width="220px">

<ClientEvents OnValueChanged="AxisYTitleTextBox_Changed" />

</telerik:RadTextBox>

</td>

<td>

<asp:CheckBox ID="ShowItemLabels" runat="server" Checked="true" onclick="ShowItemLabels_Click(this);" />

</td>

<td>

Show item labels.

</td>

<td>

<asp:CheckBox ID="ShowYAxisGridlines" runat="server" onclick="ShowYAxisGridlines_Click(this);" />

</td>

<td>

Show Y axis gridlines.

</td>

</tr>

<tr>

<td>

Axis X format:

</td>

<td>

<telerik:RadComboBox ID="AxisXFormat" runat="server" OnClientSelectedIndexChanged="AxisXFormat_Changed"

Width="220px">

<Items>

<telerik:RadComboBoxItem Text="MMM/dd/yy" />

<telerik:RadComboBoxItem Text="MM/dd/yyyy" />

<telerik:RadComboBoxItem Text="Day: #VAL{dddd}" />

<telerik:RadComboBoxItem Text="HH:mm:ss" />

<telerik:RadComboBoxItem Text="yyyy MMMM" />

</Items>

</telerik:RadComboBox>

</td>

<td>

<asp:CheckBox ID="ShowXAxis" runat="server" Checked="true" onclick="ShowXAxis_Click(this);" />

</td>

<td>

Show X axis.

</td>

<td>

<asp:CheckBox ID="ShowXAxisStriplines" runat="server" onclick="ShowXAxisStriplines_Click(this);" />

</td>

<td>

Show X axis striplines.

</td>

</tr>

<tr>

<td>

Axis Y format:

</td>

<td>

<telerik:RadComboBox ID="AxisYFormat" runat="server" OnClientSelectedIndexChanged="AxisYFormat_Changed"

Width="220px">

<Items>

<telerik:RadComboBoxItem Text="N" />

<telerik:RadComboBoxItem Text="C" />

<telerik:RadComboBoxItem Text="Amount: #VAL{C0}" />

</Items>

</telerik:RadComboBox>

</td>

<td>

<asp:CheckBox ID="ShowYAxis" runat="server" Checked="true" onclick="ShowYAxis_Click(this);" />

</td>

<td>

Show Y axis.

</td>

<td>

<asp:CheckBox ID="ShowYAxisStriplines" runat="server" Checked="true" onclick="ShowYAxisStriplines_Click(this);" />

</td>

<td>

Show Y axis striplines.

</td>

</tr>

<tr>

<td>

Chart item format:

</td>

<td>

<telerik:RadComboBox ID="ChartItemFormat" runat="server" OnClientSelectedIndexChanged="ItemsFormat_Changed"

Width="220px">

<Items>

<telerik:RadComboBoxItem Text="N" />

<telerik:RadComboBoxItem Text="C" />

<telerik:RadComboBoxItem Text="Amount: #Y{C0}" />

</Items>

</telerik:RadComboBox>

</td>

<td>

</td>

<td>

</td>

<td>

</td>

<td>

</td>

</tr>

</table>

</telerik:RadPageView>

</telerik:RadMultiPage>

<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" Skin="Telerik" DecoratedControls="All" />

</form>

</body>

</html>

TabStrip

answered on 03 Oct 2013

3 answers

219 views

WebResource.axd with RadEditor styles

I am noticing some strange behavior. We have a RadEditor and when the page loads it takes about a second or so and then there is a half second delay and then a WebResource.axd is loaded that contains some styles such as .RadEWrongWord{background-color:yellow}. I would like to not have this WebResource.axd created or loaded with this delay. Any thoughts?

ScriptManager and StyleSheetManager

answered on 03 Oct 2013

1 answer

182 views

Selected Tab Link Not Clickable?

On one of our sites we have a TabStrip in the MasterPage of an MVC2 site.

Normally users can click on a tab to navigate to the path visible when hovering over the tab.

When the tab is selected as the active tab, users can hover over it to see the intended path, but clicking the tab does not re-load the page (the intended behavior).

Any ideas on how to achieve this effect?

A co-worker said that we're using TabStrips on an MVC4 site and clicking the selected tab refreshes the page.

TabStrip

answered on 03 Oct 2013