Questions on UI for ASP.NET AJAX Forum

2 answers

79 views

find control inside AppointmentTemplate in javascript OnClientAppointmentClick event

Hi, I want to find control i.e. place inside AppointmentTemplate OnClientAppointmentClick event in Javascript. I've searched for many forums but didn't find anything related to javascript findcontrol.

Thanks in Advance,
Mangesh

Scheduler

answered on 10 Sep 2012

11 answers

414 views

Adding Push Button in each row dynamically

i want to add PUSH button in each row dynamically
datasource is coming from other aspx page
Binding of datsource and column creation is done in code behind.
so adding button should also be done dynamically
Please help me regarding the same
thanks
prince

Grid

answered on 10 Sep 2012

4 answers

600 views

RadGrid not displaying rows that are present etc.

I have a page that contains a multipageview with 2 tabs in the tabstrip. On each tab, I have a RadGrid. The first tab has a grid that contains the proper number of records for the paging setup but there is a blank space between the grid header and the grid body that should not be there and the paging controls are not showing up. I'm attaching screenshots. On the second tab, I have a RadGrid that will not show but 1 row of data (and the very top of the next row) irrespective of the grid size. All the records that should be bound to the grid are bound, they just won't show up in the grid.

I'd appreciate any help available. I'm evaluating the ASP.NET for AJAX controls and I'm still within the 30 day trial period.

I need to get past this problem so I can try to implement drag and drop for ordering of grid items in the second grid.

Thanks in advance for any help.

Steve

Grid

answered on 10 Sep 2012

4 answers

100 views

RadListBox Breaks IE8

I have created a server control that contains various Telerik controls, however it seems whenever I include a RadListBox control on the page, it completely breaks the entire styling/rending of the page that the control is included in. The page that the control gets loaded into also gets loaded into a RadWindow. I tried commenting out all events and even the managed server side stuff that modifies the controls, and it still breaks the entire page. It seems like something goes wrong in rendering and one of the managers can't load the skins/CssClass(es) somehow, or maybe the manager breaks in applying them. I also don't get any javascript errors or exceptions when debugging so I have no idea how to troubleshoot this.

AddEditUser.ascx

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="AddEditUser.ascx.cs" Inherits="Caw.ClientAccessWeb.Main.Users.AddEditUser" %>

<telerik:RadToolBar ID="AddEditUserToolBar" Width="100%" runat="server" OnButtonClick="AddEditUserToolBar_Click">

<Items>

<telerik:RadToolBarButton runat="server" Text="Save Changes" CommandName="Save" CommandArgument="" ImageUrl="~/Main/Content/Images/Icons/check.png" CausesValidation="true" />

<telerik:RadToolBarButton runat="server" Text="Save And Add Another" CommandName="Save" CommandArgument="true" ImageUrl="~/Main/Content/Images/Icons/check.png" CausesValidation="true" Visible="false" />

<telerik:RadToolBarButton runat="server" Text="Cancel" CommandName="Cancel" ImageUrl="~/Main/Content/Images/Icons/delete.png" CausesValidation="false" />

</Items>

</telerik:RadToolBar>

<div >

<div class="PageViewHeader" >

<asp:Label ID="AddEditLabel" runat="server" CssClass="LabelFont"></asp:Label>

</div>

<div class="riTextBox"></div>

<input type="hidden" id="UserIdHidden" runat="server" />

<input type="hidden" id="ClientIdHidden" runat="server" />

<input type="hidden" id="CurrentUsernameHidden" runat="server" />

<div style="width: 100%">

<telerik:RadTextBox ID="UsernameTextBox" runat="server" Label="Username" Width="400px" WrapperCssClass="EmailRTBWrapper" />

<asp:Label ID="UsernameRequiredImage" runat="server" Visible="true" CssClass="TelerikFont">*</asp:Label>

<asp:RequiredFieldValidator

ID="UserNameRequired"

runat="server"

ControlToValidate="UsernameTextBox"

Display="Dynamic"

ErrorMessage="Username is required"

EnableClientScript="true"

CssClass="TelerikFont"

ForeColor="DarkRed" Width="45%"/>

<asp:RegularExpressionValidator

ID="UsernameExpression"

runat="server"

ControlToValidate="UsernameTextBox"

ValidationExpression=""

ErrorMessage="Username already exists"

Display="Dynamic"

CssClass="TelerikFont"

ForeColor="DarkRed" />

</div>

<div style="width: 100%">

<telerik:RadTextBox ID="FullNameTextBox" runat="server" Label="Full Name" Width="400px" WrapperCssClass="EmailRTBWrapper" />

<asp:Label ID="FullNameRequiredImage" runat="server" Visible="true" CssClass="TelerikFont">*</asp:Label>

<asp:RequiredFieldValidator

ID="FullNameRequired"

runat="server"

ControlToValidate="FullNameTextBox"

Display="Dynamic"

ErrorMessage="Full Name is required"

EnableClientScript="true"

CssClass="TelerikFont"

ForeColor="DarkRed" />

</div>

<div style="width: 100%">

<telerik:RadTextBox ID="EmailTextBox" runat="server" Label="Email Address" Width="400px" WrapperCssClass="EmailRTBWrapper" />

<asp:RegularExpressionValidator

ID="EmailExpression"

runat="server"

ControlToValidate="EmailTextBox"

ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"

ErrorMessage="Invalid email address"

Display="Dynamic"

CssClass="TelerikFont"

ForeColor="DarkRed"/>

</div>

<p class="HelpText TelerikFont" style="padding-left: 5px;"><span style="font-weight:bold;">Password Requirements:</span> <%= Configuration.PasswordPolicy.ToString() %></p>

<div style="width: 100%">

<telerik:RadTextBox ID="PasswordTextBox" runat="server" Label="Password" Width="400px" WrapperCssClass="EmailRTBWrapper" TextMode="Password" />

<asp:Label ID="PasswordRequiredImage" runat="server" Visible="false" CssClass="TelerikFont">*</asp:Label>

<asp:RequiredFieldValidator

ID="PasswordRequired"

runat="server"

ControlToValidate="PasswordTextBox"

Display="Dynamic"

ErrorMessage="Password is required"

EnableClientScript="true"

CssClass="TelerikFont"

Enabled="false"

ForeColor="DarkRed" />

<asp:RegularExpressionValidator

ID="PasswordLengthExpression"

runat="server"

ControlToValidate="PasswordTextBox"

ValidationExpression=""

ErrorMessage=""

Display="Dynamic"

CssClass="TelerikFont"

ForeColor="DarkRed" />

<asp:RegularExpressionValidator

ID="PasswordAlphaExpression"

runat="server"

ControlToValidate="PasswordTextBox"

ValidationExpression="^.*(?=.*[a-z]|[A-Z]).*$"

ErrorMessage="Password must contain at least one alpha character"

Display="Dynamic"

Enabled="false"

CssClass="TelerikFont"

ForeColor="DarkRed" />

<asp:RegularExpressionValidator

ID="PasswordNumberExpression"

runat="server"

ControlToValidate="PasswordTextBox"

ValidationExpression="^.*(?=.*[\d]).*$"

ErrorMessage="Password must contain at least one number"

Display="Dynamic"

Enabled="false"

CssClass="TelerikFont"

ForeColor="DarkRed" />

<asp:RegularExpressionValidator

ID="PasswordSpecialExpression"

runat="server"

ControlToValidate="PasswordTextBox"

ValidationExpression="^.*(?=.*[\W]).*$"

ErrorMessage="Password must contain at least one special character"

Display="Dynamic"

Enabled="false"

CssClass="TelerikFont"

ForeColor="DarkRed" />

<asp:RegularExpressionValidator

ID="PasswordMixedCaseExpression"

runat="server"

ControlToValidate="PasswordTextBox"

ValidationExpression="^.*(?=.*[a-z])(?=.*[A-Z]).*$"

ErrorMessage="Password must contain at least one lowercase and one uppercase letter"

Display="Dynamic"

Enabled="false"

CssClass="TelerikFont"

ForeColor="DarkRed" />

</div>

<br />

<telerik:RadButton ID="AccountLockedCheckBox" runat="server" Text="Account Locked" ButtonType="ToggleButton" AutoPostBack="false"

ToggleType="CheckBox" CssClass="SettingsRadCheckBox" />

<telerik:RadButton ID="Permission_OverrideIpRestrictionsCheckBox" runat="server" Text="Override IP Restrictions" AutoPostBack="false"

ButtonType="ToggleButton" ToggleType="CheckBox" Visible="false" CssClass="SettingsRadCheckBox" />

<input type="hidden" ID="Permission_OverrideIpRestrictionsHidden" runat="server" value="OverrideIpRestrictions"

Visible="false"/>

<telerik:RadButton ID="PasswordExpiredCheckBox" runat="server" Text="Password Expired" ButtonType="ToggleButton" AutoPostBack="false"

ToggleType="CheckBox" CssClass="SettingsRadCheckBox" />

<br /><br />

<telerik:RadListBox ID="ClientSourceListBox" runat="server" DataKeyField="Number" DataValueField="Id" Height="200px"

CssClass="LeftListBox" ToolTip="Select Clients For The New User To Access"

AllowTransfer="true" TransferMode="Move" TransferToID="ClientDestinationListBox" AllowTransferOnDoubleClick="true"

SelectionMode="Multiple" />

<telerik:RadListBox ID="ClientDestinationListBox" runat="server" DataKeyField="Number" DataValueField="Id" Height="200px"

CssClass="RightListBox" AllowTransferOnDoubleClick="true" SelectionMode="Multiple"

ToolTip="Clients The New User May Access" />

<fieldset id="PermissionFieldSet" runat="server" class="rfdRoundedCorners">

<legend>Permissions</legend>

</fieldset>

<telerik:RadScriptBlock runat="server">

<script type="text/javascript">

// This function may be used as a utility or event handler function. Sender is a RadButton object from event or

// ID of a hierarchy control element to find object from.

function EnableOptions(sender, eventArgs) {

// NOTE: The sending button handle object contains the fieldSetId in the RadButton's CommandArgument attribute

var setElement = null;

if ( typeof(sender) == "object" ) {

// if the type is object the function was called as event handler

setElement = sender;

}

else {

// the ID was passed as a string from function called as utility

setElement = $find(sender);

}

var fieldElement = $("#" + setElement.get_commandArgument())[0];

var cboxes = fieldElement.getElementsByTagName('a');

for (var j = 0; j < cboxes.length; j++) {

var subObject = $find(cboxes[j].id);

var checked = setElement.get_checked();

if (!checked) subObject.set_checked(false);

subObject.set_enabled(checked);

}

function LoadWindow() {

<%= LoadScripts %>

}

$.SiteUtilities_PageLoad(function() { LoadWindow(); });

</script>

</telerik:RadScriptBlock>

</div>

ListBox

answered on 10 Sep 2012

1 answer

107 views

Browser output dependent on screen resolution.

Using the telerik controls when we display grids we observe that there is no provision to adjust size of the grid according to the Client Browser resolution. Please point us to a way to adjust the page size as per target browser resolution.

For e.g. see the blank space on a particular resolution in the file attached.

Grid

answered on 10 Sep 2012

1 answer

174 views

Raddatepicker calendar select today's date

Hi!

I use a raddatepicker on my page. If the user opens the calendar, I want that today's date is highlighted . I don't want to set the date of the raddatepicker itself, only the date in the calendar. Is this possible? I've tried the focuseddate and selecteddate, but nothing changed.

Input

answered on 10 Sep 2012

6 answers

148 views

PanelBar Expand items

Is there a way to control what items will be expended when panel bar is first loaded?
By default it seams to collapse everything.
I would like to have the second level expended.

PanelBar

answered on 10 Sep 2012

2 answers

98 views

Telerik grid sorting from an outside combobox

When i am applying sorting on grid outside from a dropdown (sorting grid not by clicking on the grid header)

how can i change the corresponding column header in the grid to show the SortIcon

i have already tried

radgrid.Columns[3].SortAscImageUrl="image url";

radgrid.Columns[3].ShowSortIcon=true;

but this is only applying when the normal grid header sort event fires

not from outside of the grid (from dropdown)

please provide a solution for this ASAP

Grid

answered on 10 Sep 2012

1 answer

83 views

2 RadRotator conflicting css

top RadRotator using mycustomskin (as set up like http://www.telerik.com/help/aspnet-ajax/rotator-css-classes-and-their-use.html); second RadRotator not using custom skin - problem: 2nd radRotator picking up css from the first.

Rotator