Questions on UI for ASP.NET AJAX Forum

1 answer

196 views

I am very new to using this rad Control and unfamilar with how it works. I am loading the image via a ajax call, as shown in one of the demos. After the image is loaded, When I select the crop icon, the dialog comes up but does not load properly, the textboxs are not editable and the dropdown list is not working. When I select the crop button to crop the image, it does not crop around the area that the tool was hovered over.

<telerik:RadImageEditor ID="ImageEditor" runat="server" ToolsFile="~/DataPages/Basic.xml" ToolsLoadPanelType="XmlHttpPanel"

<br>                Width="820px" Height="383px" EnableResize="false" OnImageEditing="RadImageEditor1_ImageEditing" <

br> ><br> <Tools><br> <telerik:ImageEditorToolGroup><br> <telerik:ImageEditorTool CommandName="Crop" /><br> <telerik:ImageEditorToolSeparator /><br> <telerik:ImageEditorTool CommandName="MakeGrayscale" ToolTip="Make Grayscale" ImageUrl="/img/bw.png" /><br> <telerik:ImageEditorTool CommandName="RoundCorners" ToolTip="Round Corners" ImageUrl="/img/rounded.png" /><br> <br> </telerik:ImageEditorToolGroup><br> </Tools><br> </telerik:RadImageEditor>

function LoadImageIntoEditor(photoID) {//Load Image

$find("<%= RadAjaxManager.GetCurrent(Page).ClientID %>").ajaxRequest("LoadImage*" + photoID);

}

ImageEditor

answered on 10 Sep 2012

1 answer

64 views

Right Click Disable.

Hi,

How can i disable right click on Ribbon Bar item.

RibbonBar

answered on 10 Sep 2012

20 answers

583 views

RadComboBox EmptyMessage on page load

Can someone please tell me how to enable the emptymessage to show in a radgridcombobox on page load?

I am binding the data from a datasource, and can not seem to get the "Please Select..." to show on page load.

I have tried setting the me.radcombobox1.selectedindex to -1 or .text = me.radcombobox1.emptymessage in every place I could think of.

Any help would be greatly appreciated.

ComboBox

answered on 10 Sep 2012

1 answer

73 views

Related Combos in Grid: How to Update?

I have a radgrid with AllowAutomaticInserts ="True" and AllowAutomaticUpdates="True" and EditMode ="EditForms". This grid is bound to a telerik:OpenAccessLinqDataSource. Everything works fine, records are displayed, and user can edit and insert records.

Now I have this same scenario, but I need one of the combos in the grid to be populated according to the selected item in another combo in the same grid (during insert or update). This I have done and works fine (using OnSelectedIndexChanged), but the value in the freshly populated combo is not automatically picked up by the grid during inserting or updating.

I have seen examples using code behind to save the record but my quesion is this:

I like the automatic display and save of the radgrid using automaticupdates and automaticinserts with virtually no code behind. Is it possible to keep this model and still have the related combo's in some way (i.e. to get the saving of records without resorting to much or any code behind)?

Thanx

Grid

answered on 10 Sep 2012

2 answers

173 views

RadUpload in Radgrid FormTemplate: Client-Side Validation

Hi,
Does anyone know of a way to validate a RadUpload that is located inside of a RadDrid's FormTemplate via JavaScript. I want to validate these two things: 1) That the RadUpload contains a file. 2) That the RadUpload's File contains a valid extensions. I have looked at some tutorials for Client-Side validation, but none show how to validate a control within the FormTemplate.

Thanks in advance,
Clarence

Upload (Obsolete)

answered on 10 Sep 2012

2 answers

81 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

435 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

650 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

104 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

112 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