Questions on UI for ASP.NET AJAX Forum

2 answers

106 views

[Solved] Can't Find Rad Button Inside Rad Combo Header Template That Is Inside A User Control

Hi,

I have a rad button that is inside the header template of a rad combo and the rad combo is in a user control. I am trying to change the selectedToggleState of the rad button when an item is clicked client side. I am attaching a javascript function to the Item Clicked event of the combo box in code behind and sending the client id of the button that is inside the header template to the function, but when I try to access the button in the client side script it always returns null. I placed an alert inside the client side script to show the client id of the button and it seems to return the correct value, but when I try to access the button it always returns null. I have tried several methods to find the button but none have worked.
Below is my code.

User Control page combo box on it.

<%@ Control Language="vb" AutoEventWireup="false" CodeBehind="UC Combo.ascx.vb" Inherits="IPS_Gateway.UC_Combo" %>

<script type="text/javascript">

function pageLoad() {

}

function ShowHideList(sender, args) {

toggleList = sender.get_selectedToggleStateIndex();

switch (toggleList) {

case 0:

alert('0');

break;

case 1:

alert('1');

break;

case 2:

alert('2');

break;

}

function ComboItemChecked(strClientIds, args) {

var item = args.get_item()

var itemText = item.get_text();

var aryClientIds = strClientIds.split(",");

var cmbField = $find(aryClientIds[0]);

var hdfSelectedCount = document.getElementById(aryClientIds[1]);

var hdfSelectedValue = document.getElementById(aryClientIds[3]);

var hdfSelectedText = document.getElementById(aryClientIds[2]);

var hdfCheckedIndex = document.getElementById(aryClientIds[4]);

alert(aryClientIds[5]);

// var ibtDisplay = document.getElementById(aryClientIds[5]);

// var ibtDisplay = $find(aryClientIds[5]);

var ibtDisplay = $telerik.findButton(aryClientIds[5]);

alert(ibtDisplay);

ibtDisplay.set_selectedToggleState(1);

}

</script>

<asp:UpdatePanel ID="uppList" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="false">

<ContentTemplate>

<asp:HiddenField ID="hdfSelectedCount" runat="server" EnableViewState ="true"

/>  <%-- Holds a count of the number of items  that have been selected. Assigned to public property prpSelectedCount.  --%>

<asp:HiddenField ID="hdfSelectedText" runat="server" EnableViewState ="true"

/>  <%-- Holds the text values of all items that have been selected.  Assigned to public property prpSelectedText.   --%>

<asp:HiddenField ID="hdfSelectedValue" runat="server" EnableViewState ="true"/> <%-- Holds the value of all items have been selected. Assigned to public property prpSelectedValue. --%>

<asp:HiddenField ID="hdfCheckedIndex" runat="server" EnableViewState ="true" value="1"/>

<asp:HiddenField ID="hdfFieldClientId" runat="server" EnableViewState ="true"/>

<asp:Panel id="pnlList" runat="server" style="float:left;">

<asp:Label ID="lblField" runat="server" Text="Combo 1" Width="90px" />

<telerik:RadComboBox ID="rcbField" runat="server"

AllowCustomText="true"

AutoPostBack="true"

MarkFirstMatch="false"

ExpandAnimation-Type="None" CollapseAnimation-Type="None" ExpandDirection="Down"

Width="250px"

Checkboxes="true"

EnableEmbeddedSkins="true" Skin="Office2010Blue"

EnableScreenBoundaryDetection="false" EnableVirtualScrolling="false">

<Items>

<telerik:RadComboBoxItem Text="Item 1" Value = "1" />

<telerik:RadComboBoxItem Text="Item 2" Value = "2" />

<telerik:RadComboBoxItem Text="Item 3" Value = "3" />

<telerik:RadComboBoxItem Text="Item 4" Value = "4" />

</Items>

<HeaderTemplate>

<telerik:RadButton ID="rbtListDisplay" runat="server" Width="80px" Height="22px" Skin="Default" ButtonType="StandardButton" ToggleType="CustomToggle" OnClientToggleStateChanged="ShowHideList" AutoPostBack="false" ToolTip="Show List" >

<ToggleStates>

<telerik:RadButtonToggleState Text="." PrimaryIconUrl="~/App_Themes/Images/UC Multi Select Combo/Blank 16.png" Selected="true" />

<telerik:RadButtonToggleState Text="." PrimaryIconUrl="~/App_Themes/Images/UC Multi Select Combo/Blue List 14.ico" />

<telerik:RadButtonToggleState Text="." PrimaryIconUrl="~/App_Themes/Images/UC Multi Select Combo/Checked 14.ico" />

</ToggleStates>

</telerik:RadButton>

<asp:Label ID="lblHeader" runat="server" />

<asp:ImageButton ID="ibtClose" runat="server" ImageUrl ="~/App_Themes/Images/UC Multi Select Combo/X Close.png" ImageAlign="Middle" ToolTip="Close Drop Down" Width="30" />

</HeaderTemplate>

</telerik:RadComboBox>

</asp:Panel>

</ContentTemplate>

</asp:UpdatePanel>

Code Behind For User Control

Private Sub rcbField_PreRender(ByVal sender As Object, ByVal e As System.EventArgs) Handles rcbField.PreRender

Dim aryClientIds(6) As String

Dim strClientIds As String

Me.hdfCheckedIndex.Value = 1

strClientIds = Me.rcbField.ClientID + "," + _

Me.hdfSelectedCount.ClientID + "," + _

Me.hdfSelectedText.ClientID + "," + _

Me.hdfSelectedValue.ClientID + "," + _

Me.hdfCheckedIndex.ClientID + "," + _

Me.rcbField.Header.FindControl("rbtListDisplay").ClientID

Me.rcbField.OnClientItemChecked = "function(sender, args){ComboItemChecked('" + strClientIds + " ', args);return false;}"

End Sub

Host Page

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="WebForm4.aspx.vb" Inherits="IPS_Gateway.WebForm4" %>

<%@ Register TagPrefix="wucc" TagName="Combo1" Src="~/UC Combo.ascx" %>

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

<div>

<act:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server" EnablePartialRendering="true" AsyncPostBackTimeout="5000"/>

<wucc:Combo1 Id="rcb1" runat="server" />

</div>

</form>

</body>

</html>

How can I find and change the rad button that is inside the header template of the combo box?

Thank you for your help.
Tracy

ComboBox

answered on 25 Apr 2013

6 answers

326 views

RadAsyncUpload Issue with Forms Authentication using roles

Hi,
I am using RadAsyncUpload (Q2 2012 SP1) with Forms Authentication using roles, it works well on my localhost, but when i deploy the site to my production server when i try to upload a file it simply doesn't work on submitting, i was debugging using Firebug with Chrome and Firefox and this is what i get on the error console:

Sys.WebForms.PageRequestManagerServerErrorException: Sys.WebForms.PageRequestManagerServerErrorException: 
An unknown error occurred while processing the request on the server. The status code returned from the 
server was: 401

And in the script tab from firebug i get the next values: 0|error|401||.

I also followed the suggest from the telerik help thread: http://www.telerik.com/help/aspnet-ajax/asyncupload-troubleshooting.html,
where explains about making changes in the web.config for allowing telerik controles have authorization,
separated from the forms authentication but it still not working.

This is an example of how i have one of my configuration files for one role:

<?xmlversion="1.0"?>

<system.web>

<!—-->

<allowroles="Alumno"/>

<denyusers="*"/>

</authorization>

</system.web>

<locationpath="Telerik.Web.UI.WebResource.axd">

<system.web>

<allowusers="*" />

</authorization>

</system.web>

</location>

</configuration>

The control declaration in my aspx file looks like this:

<telerik:RadAsyncUploadrunat="server"ID="T_uploadArchivo"MaxFileInputsCount="1"AllowedFileExtensions="doc,docx"

onfileuploaded="T_uploadArchivo_FileUploaded"TemporaryFolder="~/Inicio/Alumno/Temporal">

<telerik:FileFilterDescription="Documentos de Procesador de textos(*.doc y *.docx)"Extensions="doc,docx"/>

</FileFilters>

</telerik:RadAsyncUpload>

The temporary folder is inside the same folder where authenticated user is, and i move the file manually to the Final Destination.

I also have tried some other solutions posted on the forums but nothing seems to work, i hope someone could help me solve this, thanks.

AsyncUpload

answered on 24 Apr 2013

1 answer

93 views

RadTimePicker inside RadWindow

The layout of my RadWindow is such that the RadTimePicker popup is larger than the RadWindow. Whenever the icon is selected to display the selection grid, the times overflow off the window and are not accessible. They are hidden inside the frame overflow producing scrollbars - this is unacceptable.

Is it possible to have the popup ignore the RadWindow boundaries and display outside the boundaries of the current RadWindow?

Calendar

answered on 24 Apr 2013

6 answers

820 views

[Solved] RadWindow - check if opened

Hello,

GIVEN
- Using Telerik Q1 2013
- Using ASP.NET 4.5(C#)
- Using a RadWindowManager(and it's child windows) on the Master page

ISSUE
- Looking for a way of checking if any RadWindow is opened.

Thanks

Window

answered on 24 Apr 2013

1 answer

529 views

How to set button width into telerik:GridTemplateColumn

Hello,

How to set width of the buttons inside the telerik:GridTemplateColumn column. I add 2 buttons to my grid

<telerik:GridTemplateColumn UniqueName="Export2">

<ItemTemplate>

<telerik:RadButton ID="btnExport2" runat="server" Text="Button2" CommandName="Export2" Width="100px" />

</ItemTemplate>

<ItemStyle HorizontalAlign="Center"/>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="Export1">

<ItemTemplate>

<telerik:RadButton ID="btnExport1" runat="server" Text="Button1" CommandName="Export1" Width="100px" />

</ItemTemplate>

<ItemStyle HorizontalAlign="Center" />

</telerik:GridTemplateColumn>

How to set buttons' width to fill all column's width? At that moment they does not fill all column's with. Take a alook at attached file.

Thank you.

Grid

answered on 24 Apr 2013

5 answers

392 views

RadTextBox button server click missing?

I cannot find the RadTextBox button server click event.

I would expect it to be there since this is a button/

How to get server click event working ?

How to add tooltip to the button ?

Roland

Input

answered on 24 Apr 2013

1 answer

70 views

Bug Grid, Skin Windows 7

Look Image.

The buttons First Page, Last Page, Next and Previous not display.

Version IE - 10.0.9200.16540

Grid

answered on 24 Apr 2013

1 answer

278 views

Moving from 32 bit to 64 bit - please advise

Hello there,

I have a .NET website that uses the "RadControls for ASPNET AJAX Q2 2008" - I have now been given a Windows 7 64-bit machine, which I have installed Visual Studio 2005 on to.

On installing the RadControls for ASPNET, they have installed into C:\Program Files (x86)\Telerik\RadControls for ASPNET AJAX Q2 2008\, however, the existing website sourcecode is expecting to find the files in C:\Program Files (x86)\Telerik\RadControls for ASPNET AJAX Q2 2008\

Please can you explain how I might be able to get the website working again, in the 64-bit environment?

Many thanks, and I apologise if this question has been asked before - I did try to search the forums for the answer, but I couldn't find it.

Installer and VS Extensions

answered on 24 Apr 2013

4 answers

754 views

[Solved] Binding a picture to a radgrid row based on the text value inside that specific row

Hi guys,

i have just started my first job and i've been thrown into the deep end and have been asked to create a C# asp.net website for this company. i have only been using telerik for 2 weeks.

I have a radgrid with a couple of columns which gets populated from a database based on a linq query. I have a status column and the status can either be "Open" or "Closed", when the data is populated into the radgrid i want a picture be be shown in a row instead of the text value "Open" / "Closed"

How would i go about doing this ?

Thank you in advance

Grid

answered on 24 Apr 2013

0 answers

66 views

Below XAxis Label with Name and Date

I need a chart with two labels on XAxis. Name(Rotation 270) and below the name, date. There are four series, each serie a name like(LIMINAR,SENTENÇA,INTIMAÇÃO E NOTIFICAÇÃO). The names below each serie, with rotation 270 and below a range of date(below all series, one date) per period.

How can I do?

General Discussions

asked on 24 Apr 2013