Questions on UI for ASP.NET AJAX Forum

3 answers

177 views

When I add the bulleted list button to the ascx page the button will not show up. I even added an existing button thinking this version did not support the bulleted button but this did not work.

<div id="editor" class="input">

<telerik:RadEditor ID="txtText" runat="server" Height="200px" Width="400px" ToolTip="Enter a body" EnableEmbeddedSkins="false">

<Tools>

<telerik:EditorToolGroup>

<telerik:EditorTool Name="Bold" />

<telerik:EditorTool Name="Italic" />

<telerik:EditorTool Name="Underline" />

<telerik:EditorTool Name="Cut" />

<telerik:EditorTool Name="Copy" />

<telerik:EditorTool Name="Paste" />

<telerik:EditorTool Name="FontName" />

<telerik:EditorTool Name="FontSize" />

<telerik:EditorTool Name="ForeColor" />

<telerik:EditorTool Name="InsertUnorderedList" />

<telerik:EditorTool Name="Bold" />

</telerik:EditorToolGroup>

</Tools>

<Content>

</Content>

</telerik:RadEditor>

</div>

But when I add it in code, it does show up, why?

if (!IsPostBack)

{

EditorToolGroup main = new EditorToolGroup();

txtText.Tools.Add(main);

EditorTool InsertUnorderedList = new EditorTool();

InsertUnorderedList.Name = "InsertUnorderedList";

main.Tools.Add(InsertUnorderedList);

}

We want to be able to add it in the ascx markup.

Editor

answered on 20 Apr 2011

1 answer

94 views

Name property doest work

When i apply any name property to the controls, it doesn't set to the controls..
So that i cant work with radio button efficiently...
give me some solution pls....

Editor

answered on 20 Apr 2011

1 answer

112 views

RadAjaxLoadingPanel does work after the first click

I have 5 tabs and each one load a web user control. I used RadTabStrip and RadMultiPage controls. my problem is that RadAjaxLoadingPanel only works in the first click but when I click for second time in any tab, this does not work. How can I show the loading image each time the user clicks a tab and needs to wait for being loading the user control?

<%

--<telerik:RadScriptManager ID="ScriptManager1" runat="server" />--%>

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

<telerik:AjaxSetting AjaxControlID="rtsBooks">

<telerik:AjaxUpdatedControl ControlID="rmpTreeviews" LoadingPanelID="ralpnlProgress"/>

<telerik:AjaxUpdatedControl ControlID="rtsBooks" LoadingPanelID="ralpnlProgress"/>

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="rmpTreeviews">

<telerik:AjaxUpdatedControl ControlID="rmpTreeviews" LoadingPanelID="ralpnlProgress"/>

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<

telerik:RadAjaxLoadingPanel ID="ralpnlProgress" runat="server" Transparency="20">

</

telerik:RadAjaxLoadingPanel>

<%

--OnTabClick="RadTabStrip1_TabClick" --%>

<telerik:RadTabStrip ID="rtsBooks" runat="server" Skin="" OnTabClick="rtsBooks_TabClick"

MultiPageID="rmpTreeviews" Width="100%" Height="25" >

<Tabs>

<telerik:RadTab runat="server" ImageUrl="~/_layouts/NIAMS.UCTreeview/Images/HomeButton.png">

</telerik:RadTab>

<telerik:RadTab runat="server" ImageUrl="~/_layouts/NIAMS.UCTreeview/Images/WhiteButton.png">

</telerik:RadTab>

<telerik:RadTab runat="server" ImageUrl="~/_layouts/NIAMS.UCTreeview/Images/RedButton.png">

</telerik:RadTab>

<telerik:RadTab runat="server" ImageUrl="~/_layouts/NIAMS.UCTreeview/Images/BlueButton.png">

</telerik:RadTab>

<telerik:RadTab runat="server" ImageUrl="~/_layouts/NIAMS.UCTreeview/Images/YellowButton.png">

</telerik:RadTab>

<telerik:RadTab runat="server" ImageUrl="~/_layouts/NIAMS.UCTreeview/Images/GreenButton.png">

</telerik:RadTab>

</Tabs>

</

telerik:RadTabStrip>

<

div id="rightMenu" style="text-align: right; width: 950px;">

<div><asp:HyperLink ID="lnkPrint" Width="900" runat="server" NavigateUrl="~/projects/bb/WebPartPage/FullTableOfContentsBB.aspx" Target="_blank">Preview Full E-Briefing Book Table of Contents</asp:HyperLink></div>

</

div>

<telerik:RadMultiPage ID="rmpTreeviews" runat="server" SelectedIndex="0" CssClass="multiPage" RenderSelectedPageOnly="True">

<telerik:RadPageView ID="rdvHome" runat="server" width="980px">

<uc2:UCHome ID="UCHome1" runat="server" />

</div>

</telerik:RadPageView>

<telerik:RadPageView ID="rpvWhite" runat="server" width="998px">

<asp:PlaceHolder ID="phWhite" runat="server"></asp:PlaceHolder>

</telerik:RadPageView>

<telerik:RadPageView ID="rpvRed" runat="server" width="998px">

<asp:PlaceHolder ID="phRed" runat="server"></asp:PlaceHolder>

</telerik:RadPageView>

<telerik:RadPageView ID="rpvBlue" runat="server" width="998px">

<asp:PlaceHolder ID="phBlue" runat="server"></asp:PlaceHolder>

</telerik:RadPageView>

<telerik:RadPageView ID="rpvYellow" runat="server" width="998px">

<asp:PlaceHolder ID="phYellow" runat="server"></asp:PlaceHolder>

</telerik:RadPageView>

<telerik:RadPageView ID="rpvGreen" runat="server" width="998px">

<asp:PlaceHolder ID="phGreen" runat="server"></asp:PlaceHolder>

</telerik:RadPageView>

</telerik:RadMultiPage>

<telerik:RadFormDecorator runat="server" ID="RadFormDecorator1" DecoratedControls="Textarea" />

Ajax

answered on 20 Apr 2011

2 answers

111 views

RadComboBox height incorrect when text is too wide

I have a RadComboBox that looks fine as long as the text for the items is not wider than the width of the combobox control. If the text overflows though, not only does a horizontal scrollbar appear on the control (which is okay), but the dropdown is shortened to a single line long so that choosing an item requires extensive scrolling. Is there some way to prevent this behavior so the height of the control is not wrong in this situation?

Thanks!

ComboBox

answered on 20 Apr 2011

15 answers

131 views

Coverflow and IE9

Just wondering if there is a fix for Coverflow for the Rotator in IE9.
It was working fine in my website before in IE8 and Firefox, but now with IE9 it stuffs up as in attached images.

Ideas? I've got the latest release of Telerik tools.

The demo site for the Rotator appears fine within IE9 too.

code below.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="TestRotator.aspx.cs" Inherits="TestRotator" %>

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

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

<div>

<telerik:RadRotator ID="RadRotator1" runat="server" RotatorType="Coverflow" Width="500px"

OnClientItemShown="" Skin="Vista">

<ItemTemplate>

<asp:Image ID="Image1" runat="server" Height="100px" Width="200px" ImageUrl='<%# Container.DataItem %>'

AlternateText="<%# VirtualPathUtility.GetFileName(Container.DataItem.ToString()) %>"

BorderStyle="Solid" BorderWidth="4px" BorderColor="Black" />

</ItemTemplate>

</telerik:RadRotator>

</div>

</form>

</body>

</html>

protected void Page_Load(object sender, EventArgs e)

{

RadRotator1.RotatorType = Telerik.Web.UI.RotatorType.CoverFlow;

RadRotator1.DataSource = GetFilesInFolder("~/Images/HomeRotator");

RadRotator1.DataBind();

}

protected List<string> GetFilesInFolder(string folderVirtualPath)

{

string physicalPathToFolder = Server.MapPath(folderVirtualPath);// Get the physical path

string[] physicalPathsCollection = System.IO.Directory.GetFiles(physicalPathToFolder);// Get all child files of the given folder

List<string> virtualPathsCollection = new List<string>();// Contains the result

foreach (String path in physicalPathsCollection)

{

// The value of virtualPath will be similar to '~/PathToFolder/Image1.jpg

string virtualPath = VirtualPathUtility.AppendTrailingSlash(folderVirtualPath) + System.IO.Path.GetFileName(path);

virtualPathsCollection.Add(virtualPath);

}

return virtualPathsCollection;

}

Rotator

answered on 20 Apr 2011

4 answers

108 views

Font settings for AutoGenerated EditTemplate

I have a RadGrid that is using AutoGenerated templates for INSERT and UPDATE.

Whether it is EditMode="InPlace" or not, how do you change the TextBox or control's widths and their fonts?

Currently the EditMode property is not set which defaults to an Edit Template. I am just not sure how to get that template and it's controls to alter their styles.

Thanks

Grid

answered on 20 Apr 2011

2 answers

55 views

Display problem - Editor is not recognizable - Styles Problem?

Hello,

I have a few RadEditors in their respective EditTemplates in a RadGrid. When the Edit template shows the RadEditor is not recognizable. It is as though the styles are not present. Simalar to when you load a page that is using .css but the page cannot find it and it loads all wacky with no layout.

This problem showed up a couple of weeks ago. I am not sure how it was fixed but it stopped and now is back. It might be a JavaScript error but since I have had them working I have not changed anythign relevant to the RadEditors in teh project.

I have tried commenting out the RadEditor in question and just placing a new RadEditor tag in the markup beside it, setting the name to the same ID and the runat property to server. The result is the same. No event handlers or modifications, just a factory RadEditor tag and the problem persists. There is two other RadEditors in EditTemplates of adjacent RadGrids and they are all not working.

Tried clearing cache, rebooting etc.
One other thing that is probably related is that there are two RadDatePickers on the form and the calendar styles seem to be not present as well.

The links below are screen shots. The RadEditor should be to the right of the Green Div that displays the edit controls. All you see are a series of dots and slashes in a vertical column. The second images shows a few of the editor's links as links that should be buttons. Those are located in the center of the images. It overlays the RadGrid rows beneath it.

Thanks for any help. It is driving me crazy.
Reid

http://www.agoware.com/RadEditorImg1.JPG
http://www.agoware.com/RadEditorImg2.JPG

Editor

answered on 20 Apr 2011

1 answer

109 views

Codebehind javascript confirm box

HI

I have 2 textboxes and a button.
On click of button in codebehind I am saving the value of textbox into databaSE.
Before saving I am just checking whether value is there in db or not.
If it is there I am sending a value to the front end to indicate that record already present.
I want to show a confirm box to the user to choose yes or no
If he is choosing yes the transaction should update the record and if no nothing should happen.
After checking the value present or not How to bring the confirm box in the codebehind?

Regards
Sreedhar Ambati

General Discussions

answered on 20 Apr 2011

1 answer

86 views

IFrame inside dock unable to move dock

I have an iframe like this:
<div style="position: absolute; left: 25%; right: 20%; top:-50px; clip:rect(120px 770px 655px 60px);">
<iframe id="mainFrame" src="http://<IPAddress>/" scrolling="no" style="width:920px;height:700px;border:0px solid #000; " />

I put it inside a user control and the user control inside a raddock. When I run the page (IE) i cannot undock or move the docks. I remove the iframe by comment it out and all works well. I need the iframe so i can do the clipping of the destination page.

Dock

answered on 20 Apr 2011

2 answers

155 views

Problem transferring between 2 databind Listboxes

Hi all,

I have two RadListBox(s) that transfer to each other. Both are populated using <ItemTemplate> and DataBind() with database data from code behind.

When I transfer one item to another, the row appears in the respective RadListBox but it does not show data. I've attached a picture with a side by side before and after.

Can anyone let me know what I'm doing wrong?

Code as below

<telerik:RadPageView ID="RadPageView_Visitor_Authentication" runat="server">

<br />

<asp:Table runat="server" CssClass="form_table">

<asp:TableRow runat="Server">

<asp:TableCell runat="server" CssClass="form_label_center">

<asp:Label ID="Label_Available_Terminals" runat="server" Text="Available Terminals:"

CssClass="form_span"></asp:Label>

</asp:TableCell>

</asp:TableRow>

<asp:TableRow runat="Server">

<asp:TableCell runat="server" CssClass="form_label_center">

<telerik:RadListBox runat="server" ID="RadListBox_Available_Terminals" Height="150px" Width="300px"

AllowTransfer="true" TransferToID="RadListBox_Authenticate_Terminals"

OnTransferring="Authenticating_Terminals_Transferring"

AutoPostBackOnTransfer="true">

<HeaderTemplate>

<table width="100%">

<tr>

<td width="20%">

<asp:Label ID="Label7" runat="server" Text="Admin"></asp:Label>

</td>

<td width="80%">

<div align="left">

<asp:Label ID="Label8" runat="server" Text="Terminal - Location"></asp:Label>

</div>

</td>

</tr>

</table>

</HeaderTemplate>

<ItemTemplate>

<table width="100%">

<tr>

<td width="20%">

<asp:CheckBox runat="server" ID="chk_admin" Checked="false"

Enabled="false"/>

</td>

<td width="80%">

<div align="left">

<asp:Label runat="server" ID="Label_Terminal_Details_1">

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

</asp:Label>

<asp:Label runat="server" ID="Label_Terminal_Nitgen_ID_1" Visible="false">

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

</asp:Label>

</div>

</td>

</tr>

</table>

</ItemTemplate>

<FooterTemplate>

<br />

</FooterTemplate>

<ButtonSettings Position="Bottom" HorizontalAlign="Center"/>

</telerik:RadListBox>

</asp:TableCell>

</asp:TableRow>

<asp:TableRow runat="Server">

<asp:TableCell runat="server" CssClass="form_td_center">

<span class="form_span">

<asp:Literal ID="Literal_Visitor_Name_Terminal" runat="server"></asp:Literal>

<asp:Label ID="Label_Authentication_On" runat="server" Text=" Can Authenticate On:"></asp:Label>

</span>

</asp:TableCell>

</asp:TableRow>

<asp:TableRow runat="Server">

<asp:TableCell runat="server" CssClass="form_td_center">

<telerik:RadListBox runat="server" ID="RadListBox_Authenticate_Terminals" Height="120px" Width="300px">

<HeaderTemplate>

<table width="100%">

<tr>

<td width="20%">

<asp:Label ID="Label1" runat="server" Text="Admin"></asp:Label>

</td>

<td width="80%">

<div align="left">

<asp:Label ID="Label2" runat="server" Text="Terminal - Location"></asp:Label>

</div>

</td>

</tr>

</table>

</HeaderTemplate>

<ItemTemplate>

<table width="100%">

<tr>

<td width="20%">

<asp:CheckBox runat="server" ID="chk_admin" Checked="false"

OnCheckedChanged="User_Terminal_Admin_check_changed"

AutoPostBack="True" />

</td>

<td width="80%">

<div align="left">

<asp:Label runat="server" ID="Label_Terminal_Details">

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

</asp:Label>

<asp:Label runat="server" ID="Label_Terminal_Nitgen_ID" Visible="false">

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

</asp:Label>

</div>

</td>

</tr>

</table>

</ItemTemplate>

</telerik:RadListBox>

</asp:TableCell>

</asp:TableRow>

</asp:Table>

</telerik:RadPageView>

Code Behind:

//Get All Terminals

TD_Cmd = TDConnection.CreateCommand();

TD_Cmd.CommandText = "EXECUTE " + SQL_Customer_Connection.Product_Name + "_sp_Terminal_List " +

"@Param_Customer_ID_Ref = @Param_Customer_ID_Ref1, " +

"@Param_Company_ID_Ref = @Param_Company_ID_Ref1";

TD_Cmd.Parameters.Add(new SqlParameter("@Param_Customer_ID_Ref1",

(string)HttpContext.Current.Session["User_Belongs_To_Customer_Ref_ID"]));

TD_Cmd.Parameters.Add(new SqlParameter("@Param_Company_ID_Ref1",

(string)HttpContext.Current.Session["User_Belongs_To_Company_Ref_ID"]));

TD_DR = TD_Cmd.ExecuteReader();

while (TD_DR.Read())

{

RadListBoxItem new_item = new RadListBoxItem();

new_item.Attributes.Add("Terminal_String",

(string)TD_DR["Terminal_Name"] + " - " + (string)TD_DR["Terminal_Location"]);

new_item.Attributes.Add("Terminal_Nitgen_ID", (Convert.ToInt32(TD_DR["Nitgen_Terminal_ID_Ref"])).ToString());

RadListBox_Available_Terminals.Items.Add(new_item);

RadListBox_Available_Terminals.DataBind();

}

TD_DR.Close();

//Get List of Terminals that this visitor can authenticate on

TD_Cmd = TDConnection.CreateCommand();

TD_Cmd.CommandText = "EXECUTE " + SQL_Customer_Connection.Product_Name + "_sp_Terminal_User_Authentication_List " +

"@Param_Customer_ID_Ref = @Param_Customer_ID_Ref1, " +

"@Param_Company_ID_Ref = @Param_Company_ID_Ref1, " +

"@Param_User_ID = @Param_User_ID1";

TD_Cmd.Parameters.Add(new SqlParameter("@Param_Customer_ID_Ref1",

(string)HttpContext.Current.Session["User_Belongs_To_Customer_Ref_ID"]));

TD_Cmd.Parameters.Add(new SqlParameter("@Param_Company_ID_Ref1",

(string)HttpContext.Current.Session["User_Belongs_To_Company_Ref_ID"]));

TD_Cmd.Parameters.Add(new SqlParameter("@Param_User_ID1",

Label_Visitor_ID1.Text));

TD_DR = TD_Cmd.ExecuteReader();

while (TD_DR.Read())

{

RadListBoxItem new_item = new RadListBoxItem();

new_item.Attributes.Add("Terminal_String",

(string)TD_DR["Terminal_Name"] + " - " + (string)TD_DR["Terminal_Location"]);

new_item.Attributes.Add("Terminal_Nitgen_ID", (Convert.ToInt32(TD_DR["Nitgen_Terminal_ID_Ref"])).ToString());

RadListBox_Authenticate_Terminals.Items.Add(new_item);

RadListBox_Authenticate_Terminals.DataBind();

if (Convert.ToInt32(TD_DR["User_Priv"].ToString()) == 1)

{

//Master User

CheckBox current_checkbox = new_item.FindControl("chk_admin") as CheckBox;

current_checkbox.Checked = true;

}

RadListBox_Authenticate_Terminals.DataBind();

...........

ListBox

answered on 20 Apr 2011