Questions on UI for ASP.NET AJAX Forum

0 answers

87 views

I have a databound RadMenu, bound to a datatable that comes from SQL Server. For rows that should be separators, I check a "ItemType" property on DataBound, and set the RadMenuItem accordingly:

Protected Sub Menu_ItemDataBound(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadMenuEventArgs) Handles Menu.ItemDataBound

Dim menuItem = DirectCast(e.Item.DataItem, dsAdmin.MenuItemRow)

If menuItem.MenuItemType = "Separator" Then

e.Item.IsSeparator = True

End If

End Sub

So what I'm trying to achieve is to be able to put in a horizontal separator in between items. The problem is that this renders perfectly fine in Firefox and Safari, but IE 8 does not render the horizontal separators.

I've tried adding and removing Text to the RadMenuItem designated as the separator, tried adjusting its Height, among other things, and can't seem to get it to render. I'm using Web20 skin, no special CSS applied to any telerik controls.

Any thoughts on the matter?

Menu

asked on 17 May 2011

3 answers

200 views

Background image size

I have been experimenting with images in the backgrounds of the chart axis labels

They seem to be rendered larger then they actually are. (see attached screen capture showing the image in a table outside the chart and as an axis label background image set to align mode)
Can I control the displayed size of the aligned background image without recreating the image and saving a smaller version of it? I do need to also display the text in the axis label as well as seen in the attached image.
I know I can limit the size of the image if I use the stretch option and limit the size of the textbox but I don't want the image to interfere with the space used by the text and overlap. I used the stretch option on the 3rd instance of the logo in the attached file and it works for me in that case because I am not using any text on that label - the icon is sufficient for that chart.

To clarify what you see in the attached image is:
Icon instance 1 and 2 came from the same page - but instance 1 is not part of the chart but instance 2 is part of the chart and the chart one seems bigger and I don't know why. Icon instance 3 is scaled down by using the stretch option of the label background and limiting the size of the label text area.

The following is the code I'm currently using to insert the image in the chart.

ChartAxisItem xItem = RadChartRiding.PlotArea.XAxis[i];

xItem.TextBlock.Text = string.Format("{2}{0}\n{1}", r["firstName"], r["lastName"], (i == d.Rows.Count - 1 ? " - LEADER -\n" : ""));

xItem.TextBlock.Appearance.FillStyle.FillType = Telerik.Charting.Styles.FillType.Image;

xItem.TextBlock.Appearance.FillStyle.FillSettings.BackgroundImage = string.Format("images/elections/{0}Icon.png", barCode[i]);

xItem.TextBlock.Appearance.Dimensions.AutoSize = false;

xItem.TextBlock.Appearance.FillStyle.FillSettings.ImageDrawMode = Telerik.Charting.Styles.ImageDrawMode.Align;

xItem.TextBlock.Appearance.FillStyle.FillSettings.ImageAlign = Telerik.Charting.Styles.ImageAlignModes.TopLeft;

xItem.TextBlock.Appearance.Position.AlignedPosition = Telerik.Charting.Styles.AlignedPositions.TopRight;

xItem.TextBlock.Appearance.Dimensions.Height = 75;

xItem.TextBlock.Appearance.Dimensions.Width = 330;

xItem.TextBlock.Appearance.Dimensions.Paddings.Top = (i == d.Rows.Count - 1 ? 10 : 20);

Chart (Obsolete)

answered on 17 May 2011

1 answer

340 views

Change Button Color on Click

Hi, i have a radtoolbar, with 5 button.

when i click on a button i want to change teh background color of the clicked button.

my button:
A=red-> response.redirect(a.aspx)
B=blue->response.redirect(b.aspx)
C=green
D=black
E=purple

if i click on A button, A button must become red
if i click on B button, B button must become blue.

The toolbar is in a MasterPage, when i click on a button i do a response.redirect to a specific page linked to the button.

if i click on A button i redirect to A.aspx page, and in masterpage the A button on radtoolber must become red.

how i can do it ?

ToolBar

answered on 17 May 2011

3 answers

156 views

[Solved] ItemIndex always 0

is there a way to retrieve the item index from a RadGrid without going through a command item? What I need to accomplish is just for example (code below) but the ItemIndex always returns as 0

Public Sub Test ()

For each item as GridDataItem in RadGrid1.Items

Dim i as integer = item.ItemIndex ' (Item.ItemIndex always returns as 0 )

Next

End Sub

I certain this was working before , i need to identify if the code base was changed , but any help is appreciated

Grid

answered on 17 May 2011

5 answers

146 views

Server-site deleting items fails because of 'incorrect' DataSetIndex when the user uses a filter.

I have a datagrid that gets filled serverside with he DataSource.

When deleting a item I use the RadGrid1_DeleteCommand event and apply the following code to get the item I have to delete.

void RadGrid1_DeleteCommand(object sender, GridCommandEventArgs e)

{

GridEditableItem item = (GridEditableItem)e.Item;

dynamic DynamicBusinessObject = (item.OwnerTableView.DataSource as IEnumerable<dynamic>).ToList()[item.DataSetIndex];

This normally works great however when the user applies a filter to a column the DataSetIndex returns me the index-number of filtered page, not the corresponding index in the item.OwnerTableView.DataSource.

Much like ItemIndex will do when I’m on another page then page 1 within a grid.

How to get the corresponding item.OwnerTableView.DataSource index-number (or object) of the item.

Grid

answered on 17 May 2011

2 answers

104 views

[Solved] what is the correct configuration of RadAjaxManager - this issue is in ralationship with UpdatePanel !

hi dear telerik team

At first look at the below aspx:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm4.aspx.cs" Inherits="Amlak.WebForm4" %>

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

<!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>

<form id="form1" runat="server">

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

</asp:ScriptManager>

<div>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadComboBox1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="CheckBox1" UpdatePanelRenderMode="Inline" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadComboBox ID="RadComboBox1" runat="server" AutoPostBack="True" AppendDataBoundItems="True"

OnSelectedIndexChanged="RadComboBox1_SelectedIndexChanged">

<Items>

<telerik:RadComboBoxItem runat="server" Text="1" Value="1" />

<telerik:RadComboBoxItem runat="server" Text="2" Value="2" />

<telerik:RadComboBoxItem runat="server" Text="3" Value="3" />

<telerik:RadComboBoxItem runat="server" Text="4" Value="4" />

</Items>

</telerik:RadComboBox>

<br />

<asp:CheckBox ID="CheckBox1" runat="server" AutoPostBack="True" OnCheckedChanged="CheckBox1_CheckedChanged"

Text="Check Me" TextAlign="Left" />

<br />

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

</div>

</form>

</body>

</html>


My code behind is like this:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
 
namespace Amlak
{
    public partial class WebForm4 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
 
        }
 
        protected void RadComboBox1_SelectedIndexChanged(object sender, Telerik.Web.UI.RadComboBoxSelectedIndexChangedEventArgs e)
        {
            if (RadComboBox1.SelectedItem.Value == "2")
            {
                CheckBox1.Checked = true;
            }
            else
            {
                CheckBox1.Checked = false;
            }
 
        }
 
        protected void CheckBox1_CheckedChanged(object sender, EventArgs e)
        {
            if (CheckBox1.Checked)
            {
                TextBox1.Text = "text";
            }
            else
            {
                TextBox1.Text = "";
            }
        }
    }
}

My goals: 

I want to force RadComboBox1 to work in AJAX mode 
and change the CheckBox1.Checked by defined conditions in code behind. 
-> do not want postback for this.  
I want to force CheckBox1 to work in PostBack mode and change the TextBox1.text by defined conditions in code behind. -> I want postback for this.

In this scenario -> RadComboBox1 works fine

but I don't know why OnCheckedChanged="CheckBox1_CheckedChanged" does not fire when we change check of CheckBox1! (because we added it as update of RadComboBox1 In RadAjaxManager1).



My questions:

1-Should I add RadComboBox1 as update Of RadComboBox1 or not?  However it works fine without adding this.  

2-If we add ChechBox1 To RadAjaxManager1 like below:  
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm4.aspx.cs" Inherits="Amlak.WebForm4" %>
 
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!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>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div>
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="RadComboBox1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="CheckBox1" UpdatePanelRenderMode="Inline" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
                <telerik:AjaxSetting AjaxControlID="CheckBox1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="TextBox1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>
        <telerik:RadComboBox ID="RadComboBox1" runat="server" AutoPostBack="True" AppendDataBoundItems="True"
            OnSelectedIndexChanged="RadComboBox1_SelectedIndexChanged">
            <Items>
                <telerik:RadComboBoxItem runat="server" Text="1" Value="1" />
                <telerik:RadComboBoxItem runat="server" Text="2" Value="2" />
                <telerik:RadComboBoxItem runat="server" Text="3" Value="3" />
                <telerik:RadComboBoxItem runat="server" Text="4" Value="4" />
            </Items>
        </telerik:RadComboBox>
        <br />
        <br />
        <asp:CheckBox ID="CheckBox1" runat="server" AutoPostBack="True" OnCheckedChanged="CheckBox1_CheckedChanged"
            Text="Check Me" TextAlign="Left" />
        <br />
        <br />
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    </div>
    </form>
</body>
</html>

So it works fine in AJAX mode, but I want to force CheckBox1 to work in PostBack!

How can I fix this issue? 

3-Should I add TextBox1 as update of RadComboBox1 in RadAjaxManager or not?  

Thanks for attention to my question.
best regards

Ajax

answered on 17 May 2011

1 answer

102 views

How to change Confirm to Radconfirm

Hi,
below i wrote a code according to my condition with the Window.Confirm function.
this method is called on the RadButton clientcliked event.
I want to know how same thing can be done with RadConfirm method.

function rbReturnToData_Clicked(button, args) {
            debugger;
            var pending = document.getElementById("<%= lblChangesPending.ClientID %>");
            var lblTitleFilter = document.getElementById("<%= lblTitleFilter.ClientID %>");
            var rfGridFilter = document.getElementById("<%= rfGridFilter.ClientID %>");

            if (pending != null) {
              if (pending.innerHTML != "") {
                  if (window.confirm("You have pending filter changes. Apply them?")) {

                      button.set_commandName('Apply')
                      button.set_autoPostBack(true);
                    }
                    else {
                        button.set_commandName('Cancel')
                        button.set_autoPostBack(true);
                    }
                }
                else
                    CollapseToolsPane();
            }
            else {
                CollapseToolsPane();
            }
        }

General Discussions

answered on 17 May 2011

1 answer

110 views

Need help formatting a sql float datatype

Hi,
I want to format a sql server float type value to the format: ###,###
How can I do this?
I noticed that the format {0:c} doesn't work for float types and anyways I don't want any $ sign.
Any help would be appreciated.
As an example:

<radG:GridBoundColumn DataField="VarianceVal" UniqueName="VarianceVal" HeaderText="Value Variance Rule Result"
DataFormatString="{0:c}"></radG:GridBoundColumn>

Grid

answered on 17 May 2011

2 answers

114 views

RadScriptManager

Hi
I've added this tag to a page :

        <telerik:RadScriptManager ID="RadSkinManager1" runat="server">
            <Scripts>
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
            </Scripts>
        </telerik:RadScriptManager>

but javascript intellisenes doesn't work
(I'm working with VS2010)
Please tell me wath should I do?
Thanks for your feedbacks

General Discussions

answered on 17 May 2011

8 answers

145 views

[Solved] Impossible to launch server-side event on EditorDialogs

Hello

I want to modify the EditorDialogs that I can find here : C:\Program Files\Telerik\RadControls for ASP.NET AJAX Q2 2010\EditorDialogs
Specifically, I need to change the RadFileExplorer1.Configuration.ContentProviderTypeName in the FileBrowser dialog, so that when it looks for a file, it lists them from the database instead of from the file system.

So, I copied the ascx in the EditorDialogs folder of my project. It seems to work, because if I add "aaaa" in the control, for example, it shows in the resulting html.

However, no server side code seems to work, at all, ever, period. If I add server-side code, then add breakpoints, they do not load (can't reach breakpoint, symbols not loaded)
- I tried to add a Page_Load method : nothing happens, not even if I just try a simple "response.write".
- I tried "<%= "test" %>" somewhere in the usercontrol : nothing shows
- I switched the language of the controls to VB (my project is vb.net, but the controls are in c#), still no luck
- I re-created the control using a code-behind file, still nothing, with either vb or c#

So, any idea on how I can switch the ContentProvider of every FileBrowser of every RadEditor of the project ? (and there are a lot of editors in there...)

Thanks

Editor

answered on 17 May 2011