Questions on UI for ASP.NET AJAX Forum

110,827 questions

10 answers

265 views

Check boxes in combo box with load on demand

Hi folks

first off I am using v2009.3.1314.20

I have seen some good examples of how to utilise multi-select with checkboxes, however I am having a problem trying to implement the functionality.

all the examples appear to use postbacks and server side binding when associating checkboxes with combobox items, I on the other hand use load on demand with webservices to populate the combobox.

I have tried implementing itemtemplate but it appears as though the loading via webservices overrides this.

is there a way I can do this or do I have to think of another approach

thanks

Mark

ComboBox

answered on 03 Jul 2014

6 answers

372 views

[Solved] Radgrid enable cell visibility client side on row click

Good day.
I have a grid. The one column (template column) is set to display = false. Lets call this column passport.
I want to change the passport template column to display on client side when a client selects the row.
Only the selected row's cell should be enabled.
When another row is selected the previous selected row's passport cell should be disabled and the new row shown.

Can this be done client side?

Kind regards
Mike

Grid

answered on 03 Jul 2014

1 answer

171 views

Insert and EditMode

in EditMode scrollbars visible,
in InsertMode scrollbars hiden,

problem in InserMode by Validation, can't see the CommandButtons...

<telerik:RadGrid ID="GridUsers" runat="server" AllowAutomaticDeletes="True" Height="735" AllowAutomaticInserts="True" AllowAutomaticUpdates="True" AllowPaging="True" AllowSorting="True" Culture="de-DE" DataSourceID="dsCustomers" OnItemCommand="GridUsers_ItemCommand" AutoGenerateColumns="False" OnItemDataBound="GridUsers_ItemDataBound" OnItemDeleted="GridUsers_ItemDeleted">

<groupingsettings casesensitive="False" />

<exportsettings>

<Pdf PageWidth="">

</Pdf>

</exportsettings>

<clientsettings enablerowhoverstyle="True">

<Selecting AllowRowSelect="True" />

<Scrolling AllowScroll="True" UseStaticHeaders="True"/>

</clientsettings>

<mastertableview clientdatakeynames="CustomerId" tablelayout="Auto" commanditemdisplay="Top" datakeynames="CustomerID" datasourceid="dsCustomers" nomasterrecordstext="Kein Firmen-User vorhanden">

<NoRecordsTemplate>

<div class="alert alert-success m10">

<asp:Label runat="server" ID="lblNorecord" Text="Keine Firmen-User gefunden" />

</div>

</NoRecordsTemplate>

<CommandItemSettings AddNewRecordText="Neuer Firmen-User" />

<RowIndicatorColumn Visible="False">

</RowIndicatorColumn>

<ExpandCollapseColumn Created="True">

</ExpandCollapseColumn>

<CommandItemTemplate>

<div class="container-fluid">

<div class="row-fluid m5">

<asp:LinkButton runat="server" CssClass="btn btn-default span6" CommandName="InitInsert">

<span class="icon-plus-sign"></span>

<asp:Label runat="server" ID="Label4" Text="Neue Firmen Benutzer" CssClass="l10"/>

</asp:LinkButton>

<asp:LinkButton runat="server" CssClass="btn btn-default span6" CommandName="RebindGrid">

<span class="icon-refresh"></span>

<asp:Label runat="server" ID="Label6" Text="Aktualisieren" CssClass="l10"/>

</asp:LinkButton>

</div>

</CommandItemTemplate>

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton">

<HeaderStyle Width="30px" />

<ItemStyle HorizontalAlign="Center" Width="30px" />

</telerik:GridEditCommandColumn>

<telerik:GridBoundColumn AllowFiltering="False" AllowSorting="False" DataField="CustomerId" DataType="System.Int32" Display="False" FilterControlAltText="Filter CustomerId column" HeaderText="CustomerId" ReadOnly="True" SortExpression="CustomerId" UniqueName="CustomerId">

<ColumnValidationSettings>

<ModelErrorMessage Text=""></ModelErrorMessage>

</ColumnValidationSettings>

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn AutoPostBackOnFilter="True" CurrentFilterFunction="Contains" DataField="Username" FilterControlAltText="Filter Username column" FilterControlWidth="90px" HeaderText="Username" ShowFilterIcon="False" SortExpression="Username" UniqueName="Username" AllowFiltering="False">

<ItemTemplate>

<asp:Label ID="UsernameLabel" runat="server"

Text='<%# Eval("Username") %>' ToolTip='<%# ((bool)Eval("Enabled") == false)?"Der User ist aktuell deaktiviert!": string.Empty %>' CssClass='<%# ((bool)Eval("Enabled") == false)?"company-disable": "company-normal" %>' />

</ItemTemplate>

<HeaderStyle Width="100px" />

<ItemStyle Width="100px" />

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn AllowFiltering="False" AllowSorting="False" DataField="Firstname" FilterControlAltText="Filter Firstname column" HeaderText="Vorname" SortExpression="Firstname" UniqueName="Firstname" Display="False">

<ColumnValidationSettings>

<ModelErrorMessage Text=""></ModelErrorMessage>

</ColumnValidationSettings>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn AutoPostBackOnFilter="True" FilterControlWidth="120" CurrentFilterFunction="Contains" DataField="Lastname" FilterControlAltText="Filter Lastname column" HeaderText="Nachname" ShowFilterIcon="False" SortExpression="Lastname" UniqueName="Lastname" AllowFiltering="False">

<ColumnValidationSettings>

<ModelErrorMessage Text=""></ModelErrorMessage>

</ColumnValidationSettings>

<HeaderStyle Width="100px" />

<ItemStyle Width="100px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn AllowFiltering="False" AllowSorting="False" DataField="Email" FilterControlAltText="Filter Email column" HeaderText="Email" SortExpression="Email" UniqueName="Email">

<ColumnValidationSettings>

<ModelErrorMessage Text=""></ModelErrorMessage>

</ColumnValidationSettings>

</telerik:GridBoundColumn>

<telerik:GridCheckBoxColumn ColumnGroupName="RoleDetails" DataField="IsAdministrator" DataType="System.Boolean" FilterControlAltText="Filter IsAdministrator column" HeaderText="A" HeaderTooltip="User ist Administrator" SortExpression="IsAdministrator" UniqueName="IsAdministrator" AllowFiltering="False">

<HeaderStyle HorizontalAlign="Center" Width="40px" />

<ItemStyle HorizontalAlign="Center" Width="40px" />

</telerik:GridCheckBoxColumn>

<telerik:GridCheckBoxColumn ColumnGroupName="RoleDetails" DataField="IsTechnican" DataType="System.Boolean" FilterControlAltText="Filter IsTechnican column" HeaderText="T" HeaderTooltip="User ist Techniker" SortExpression="IsTechnican" UniqueName="IsTechnican" AllowFiltering="False">

<HeaderStyle HorizontalAlign="Center" Width="40px" />

<ItemStyle HorizontalAlign="Center" Width="40px" />

</telerik:GridCheckBoxColumn>

<telerik:GridCheckBoxColumn ColumnGroupName="RoleDetails" DataField="IsPurchaser" DataType="System.Boolean" FilterControlAltText="Filter IsPurchaser column" HeaderText="P" HeaderTooltip="User ist Einkäufer" SortExpression="IsPurchaser" UniqueName="IsPurchaser" AllowFiltering="False">

<HeaderStyle HorizontalAlign="Center" Width="40px" />

<ItemStyle HorizontalAlign="Center" Width="40px" />

</telerik:GridCheckBoxColumn>

<telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Delete" ConfirmDialogHeight="220px" ConfirmDialogType="RadWindow" ConfirmDialogWidth="350px" ConfirmTextFields="Firstname,Lastname" ConfirmTextFormatString="Den User <strong>{0} {1}</strong> jetzt löschen?" ConfirmTitle="User löschen" FilterControlAltText="Filter Delete column" UniqueName="Delete">

<HeaderStyle HorizontalAlign="Center" Width="30px" />

<ItemStyle HorizontalAlign="Center" Width="30px" />

</telerik:GridButtonColumn>

</Columns>

<ColumnGroups>

<telerik:GridColumnGroup HeaderStyle-HorizontalAlign="Center" HeaderText="Berechtigung" Name="RoleDetails">

<HeaderStyle HorizontalAlign="Center" />

</telerik:GridColumnGroup>

</ColumnGroups>

<EditFormSettings EditFormType="Template">

<EditColumn UniqueName="EditCommandColumn1" FilterControlAltText="Filter EditCommandColumn1 column"></EditColumn>

<FormTemplate>

<div class="myp-edititem">

<div class="row-fluid">

<fieldset>

<legend>

<asp:Label runat="server" ID="lblUserAddress" Text="Benutzerdaten"></asp:Label></legend>

<div class="row-fluid">

<div class="span6">

<div class="controls-row">

<div class="control-group">

<asp:Label ID="lblUsername" runat="server" Text="Benutzername:" CssClass="control-label" />

<div class="controls">

<div class="input-prepend">

<span class="add-on"><i class="icon-exclamation-sign"></i></span>

<asp:TextBox ID="txtUsername" runat="server" CausesValidation="True" TabIndex="10" ValidationGroup="UserForm" Text='<%# Bind("Username") %>' Enabled='<%# (Container is GridEditFormInsertItem) %>' />

<div>

<asp:RequiredFieldValidator ID="valUsername" runat="server" ControlToValidate="txtUsername" Display="Dynamic" ErrorMessage="Ein Benutzername wird erwartet!" CssClass="val-error" SetFocusOnError="True" ValidationGroup="UserForm" Enabled='<%# (Container is GridEditFormInsertItem) %>' />

<asp:CustomValidator ID="cuvUsername" runat="server" ControlToValidate="txtUsername" Display="Dynamic" ErrorMessage="Benutzer bereits registriert!" CssClass="val-error" SetFocusOnError="True" ValidationGroup="UserForm" Enabled='<%# (Container is GridEditFormInsertItem) %>' OnServerValidate="cuvUser_OnServerValidate" />

</div>

<div class="controls-row">

<div class="control-group">

<asp:Label ID="Label5" runat="server" Text="Anrede:" CssClass="control-label" />

<div class="controls">

<div class="input-prepend">

<span class="add-on"><i class="icon-globe"></i></span>

<asp:DropDownList runat="server" ID="ComboPrefix" TabIndex="50" SelectedValue='<%# Bind("Prefix") %>' DataSourceID="dsGender" DataTextField="Name" DataValueField="Value" />

</div>

<div class="controls-row">

<div class="control-group">

<asp:Label ID="lblFirstname" runat="server" Text="Vorname:" CssClass="control-label" />

<div class="controls">

<div class="input-prepend">

<span class="add-on"><i class="icon-exclamation-sign"></i></span>

<asp:TextBox ID="txtFirstname" runat="server" CausesValidation="True" TabIndex="10" ValidationGroup="UserForm" Text='<%# Bind("Firstname") %>' />

<div>

<asp:RequiredFieldValidator ID="rfvFirstname" runat="server" ControlToValidate="txtFirstname" Display="Dynamic" ErrorMessage="Ein Vorname wird erwartet!" CssClass="val-error" SetFocusOnError="True" ValidationGroup="UserForm" />

</div>

<div class="controls-row">

<div class="control-group">

<asp:Label ID="lblPostalcode" runat="server" Text="Plz:" CssClass="control-label" />

<div class="controls">

<div class="input-prepend">

<span class="add-on"><i class="icon-exclamation-sign"></i></span>

<asp:TextBox ID="txtPostalcode" runat="server" CausesValidation="True" TabIndex="30" ValidationGroup="CompanyForm" Text='<%# Bind("Postalcode") %>' />

<div>

<asp:RequiredFieldValidator ID="valPostalcode" runat="server" ControlToValidate="txtPostalcode" Display="Dynamic" ErrorMessage="Eine Postleitzahl wird erwartet!" CssClass="val-error" SetFocusOnError="True" ValidationGroup="CompanyForm" />

</div>

<div class="controls-row">

<div class="control-group">

<asp:Label ID="lblCity" runat="server" Text="Ort:" CssClass="control-label" />

<div class="controls">

<div class="input-prepend">

<span class="add-on"><i class="icon-exclamation-sign"></i></span>

<asp:TextBox ID="txtCity" runat="server" CausesValidation="True" TabIndex="40" ValidationGroup="CompanyForm" Text='<%# Bind("City") %>' />

<div>

<asp:RequiredFieldValidator ID="valCity" runat="server" ControlToValidate="txtCity" Display="Dynamic" ErrorMessage="Ein Ort wird erwartet!" CssClass="val-error" SetFocusOnError="True" ValidationGroup="CompanyForm" />

</div>

<div class="span6">

<div class="controls-row">

<div class="control-group">

<asp:Label ID="lblEmail" runat="server" Text="Email:" CssClass="control-label" />

<div class="controls">

<div class="input-prepend">

<span class="add-on">

<i class="icon-exclamation-sign"></i>

</span>

<asp:TextBox ID="txtEmail" runat="server" CausesValidation="True" TabIndex="100" ValidationGroup="CompanyForm" Text='<%# Bind("Email") %>' />

<div>

<asp:RequiredFieldValidator ID="valEmail" runat="server" ControlToValidate="txtEmail" Display="Dynamic" ErrorMessage="Eine Email wird erwartet!" CssClass="val-error" SetFocusOnError="True" ValidationGroup="ContactForm" />

<asp:RegularExpressionValidator ID="valEmailExpression" runat="server" ControlToValidate="txtEmail" Display="Dynamic" ErrorMessage="Das Format der Email ist nicht korrekt!" CssClass="val-error" SetFocusOnError="True" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" ValidationGroup="CompanyForm" />

<asp:CustomValidator ID="cuvEmail" ControlToValidate="txtEmail" runat="server" Display="Dynamic" ErrorMessage="Diese Email-Adresse ist bereits vergeben!" CssClass="val-error" SetFocusOnError="True" ValidationGroup="ContactForm" OnServerValidate="cuvEmail_OnServerValidate" />

</div>

<div class="controls-row">

<div class="control-group">

<asp:Label ID="lblTelefon" runat="server" Text="Telefon:" CssClass="control-label" />

<div class="controls">

<div class="input-prepend">

<span class="add-on"><i class="icon-exclamation-sign"></i></span>

<asp:TextBox ID="txtTelefon" runat="server" CausesValidation="True" TabIndex="40" ValidationGroup="UserForm" Text='<%# Bind("Telefon") %>' />

</div>

<div class="controls-row">

<div class="control-group">

<asp:Label ID="lblLastname" runat="server" Text="Nachname:" CssClass="control-label" />

<div class="controls">

<div class="input-prepend">

<span class="add-on"><i class="icon-exclamation-sign"></i></span>

<asp:TextBox ID="txtLastname" runat="server" CausesValidation="True" TabIndex="10" ValidationGroup="UserForm" Text='<%# Bind("Lastname") %>' />

<div>

<asp:RequiredFieldValidator ID="rfvLastname" runat="server" ControlToValidate="txtLastname" Display="Dynamic" ErrorMessage="Ein Nachname wird erwartet!" CssClass="val-error" SetFocusOnError="True" ValidationGroup="UserForm" />

</div>

<div class="controls-row">

<div class="control-group">

<asp:Label ID="lblStreet" runat="server" Text="Strasse:" CssClass="control-label" />

<div class="controls">

<div class="input-prepend">

<span class="add-on"><i class="icon-exclamation-sign"></i></span>

<asp:TextBox ID="txtStreet" runat="server" CausesValidation="True" TabIndex="20" ValidationGroup="CompanyForm" Text='<%# Bind("Street") %>' />

<div>

<asp:RequiredFieldValidator ID="valStreet" runat="server" ControlToValidate="txtStreet" Display="Dynamic" ErrorMessage="Eine Strasse wird erwartet!" CssClass="val-error" SetFocusOnError="True" ValidationGroup="CompanyForm" />

</div>

<div class="controls-row">

<div class="control-group">

<asp:Label ID="Label3" runat="server" Text="Nation:" CssClass="control-label" />

<div class="controls">

<div class="input-prepend">

<span class="add-on"><i class="icon-globe"></i></span>

<asp:DropDownList runat="server" ID="ComboNations" TabIndex="50" SelectedValue='<%# Bind("Nation") %>' DataSourceID="dsNations" DataTextField="Name" DataValueField="Value" />

</div>

</fieldset>

</div>

<div class="row-fluid">

<fieldset>

<legend>

<asp:Label runat="server" ID="lblCompanyPurchase" Text="Berechtigung"></asp:Label></legend>

<div class="row-fluid">

<div>

<asp:CustomValidator runat="server" ID="cuvMinRights" ErrorMessage="Mindestens eine Berechtigung muss gesetzt werden!" CssClass="val-error" Display="Dynamic" ValidationGroup="UserForm" OnServerValidate="cuvMinRights_OnServerValidate" />

</div>

<div class="row-fluid">

<div class="span6">

<div class="controls-row">

<div class="control-group">

<div class="controls">

<div class="checkbox">

<asp:CheckBox ID="chkIsAdministrator" Text="Administrator" Checked='<%# Bind("IsAdministrator") %>' runat="server" />

</div>

<div class="controls-row">

<div class="control-group">

<div class="controls">

<div class="checkbox">

<asp:CheckBox ID="chkIsPurchaser" Text="Einkäufer" Checked='<%# Bind("IsPurchaser") %>' runat="server" />

</div>

<div class="span6">

<div class="controls-row">

<div class="control-group">

<div class="controls">

<div class="checkbox">

<asp:CheckBox ID="chkIsTechnican" Text="Techniker" Checked='<%# Bind("IsTechnican") %>' runat="server" />

</div>

<div class="controls-row">

<div class="control-group">

<div class="controls">

<div class="checkbox">

<asp:CheckBox ID="chkEnabled" Text="Benutzer ist aktiviert" runat="server" Checked='<%# Bind("Enabled") %>' />

</div>

</fieldset>

</div>

<div class="row-fluid">

<fieldset>

<legend>

<asp:Label runat="server" ID="lblLegendPassword" Text="Passwort"></asp:Label></legend>

<div class="row-fluid">

<div class="span6">

<div class="controls-row">

<div class="control-group">

<asp:Label ID="lblPassword" runat="server" Text="Passwort:" CssClass="control-label" />

<div class="controls">

<div class="input-prepend">

<span class="add-on"><i class="icon-exclamation-sign"></i></span>

<asp:TextBox TextMode="Password" ID="txtPassword" runat="server" CausesValidation="True" TabIndex="10" ValidationGroup="UserForm" Text='<%# Bind("Password") %>' />

<div>

<asp:RequiredFieldValidator ID="rfvPassword" runat="server" ControlToValidate="txtPassword" Display="Dynamic" ErrorMessage="Ein Passwort wird erwartet!" CssClass="val-error" SetFocusOnError="True" ValidationGroup="UserForm" />

<asp:RegularExpressionValidator ID="repPassword" runat="server" Display="Dynamic" SetFocusOnError="True" CssClass="val-error" ValidationGroup="UserForm" ErrorMessage="Das Passwort muss mindestens 6 Zeichen haben" ControlToValidate="txtPassword" ValidationExpression="^[a-zA-Z0-9\s]{6,20}$" />

</div>

<div class="span6">

<div class="controls-row">

<div class="control-group">

<asp:Label ID="lblPasswordConfirm" runat="server" Text="Passwort wiederholen:" CssClass="control-label" />

<div class="controls">

<div class="input-prepend">

<span class="add-on"><i class="icon-exclamation-sign"></i></span>

<asp:TextBox TextMode="Password" ID="txtPasswordConfirm" runat="server" CausesValidation="True" TabIndex="10" ValidationGroup="UserForm" />

<div>

<asp:CompareValidator ID="covPasswordConfirm" SetFocusOnError="True" runat="server" ValidationGroup="UserForm" ControlToValidate="txtPasswordConfirm" CssClass="val-error" Display="Dynamic" ControlToCompare="txtPassword" ErrorMessage="Die Passwörter sind nicht identisch!" />

</div>

</fieldset>

</div>

<hr/>

<div class="row-fluid">

<div class="span4">

<div class="label label-info t10">

<span class="add-on"><i class="icon-exclamation-sign"></i></span>

<asp:Label runat="server" CssClass="l5" Text="Felder erwarten Eingabe" />

</div>

<div class="span2">

<div class="controls-row t5">

<div class="control-group">

<div class="controls">

<div class="checkbox pull-right">

<asp:CheckBox Text="Email" runat="server" ID="chkSendMail" Checked='<%# Bind("SendMail") %>' ToolTip="Email an den Benutzer senden" />

</div>

<div class="span6 text-right">

<telerik:RadButton runat="server" Width="90" ID="btnCancel" Text="Abbrechen" CausesValidation="False" CommandName="Cancel">

<Icon PrimaryIconCssClass="icon-remove" PrimaryIconTop="7"></Icon>

</telerik:RadButton>

<telerik:RadButton runat="server" Width="90" ID="btnSave" Text="Speichern" CausesValidation="True" ValidationGroup="UserForm" CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'>

<Icon PrimaryIconCssClass="icon-save" PrimaryIconTop="7"></Icon>

</telerik:RadButton>

</div>

</FormTemplate>

</EditFormSettings>

<ItemStyle Height="50px" />

<AlternatingItemStyle Height="50px" />

<PagerStyle Mode="NextPrev" PagerTextFormat="{4} User {2} bis {3} von {5}" AlwaysVisible="True" />

</mastertableview>

</telerik:RadGrid>

how can i do to see the scrollbars in InserMode?

Grid

answered on 03 Jul 2014

1 answer

206 views

Radgrid in Radwindow Postback issues

Hi
I have a radgrid inside a radwindow. Its working fine right now, except that when I change pages of the radgrid, the radwindow closes.
Here is my asp code:

<telerik:RadWindow ID="radwindow" runat="server" Modal="true" KeepInScreenBounds="true" Height="580" Width="700">

<ContentTemplate>

<asp:UpdatePanel ID="Updatepanel1" runat="server" UpdateMode="Conditional">

<ContentTemplate>

<telerik:RadGrid runat="server"

......

</telerik:RadGrid>

</ContentTemplate>

</asp:UpdatePanel>

</ContentTemplate>

</telerik:RadWindow>

How would I make the radwindow stay open when I change pages in the radgrid?

Grid

answered on 03 Jul 2014

3 answers

145 views

RadGrid with Column Reorder

The below code allow me to highlight/select the text fields in my RadGrid to allow me to Ctrl+C(copy) or Ctrl+v(paste), but I'm unable to Move the Column as i have already set the AllowColumnsReorder="true" ReorderColumnsOnClient="true".

Its Urgent... Someone please help.

Below is my code.

<telerik:RadGrid ID="ResultRadGrid" runat="server" AutoGenerateColumns="false"
AllowSorting="True" GridLines="None" Skin="Office2007" OnSortCommand="ResultRadGrid_SortCommand">
<MasterTableView AllowMultiColumnSorting="true" TableLayout="Fixed">
<Columns>
<telerik:GridTemplateColumn>
<HeaderTemplate>
<label id="completelbl"></label>
 <input id="SelectALLCB" type="checkbox" onclick="CheckAllDataGridCheckBoxes('MassChangeChkbx',this.checked)">
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="MassChangeChkbx" runat="server" />
<asp:Label ID="DetailLbl" runat="server"></asp:Label>
<a id="lnkCopy" href='<%#DataBinder.Eval(Container,"DataItem.id")%>' onclick="return confirm('Confirm copy?')"
onserverclick="CtnrTripDetail_Copy" runat="server">
<img id="Img1" src="..\..\image\copy.png" width="15" height="15" border="0" alt="Copy exact"
runat="server"></a> <a id="A1" href='<%#DataBinder.Eval(Container,"DataItem.id")%>'
onclick="return confirm('Confirm copy with reverse address?')" onserverclick="CtnrTripDetail_CopyRA"
runat="server">
<img id="Img2" src="..\..\image\copy.png" width="15" height="15" border="0" alt="Copy reverse address"
runat="server"></a>
<asp:Label ID="DMWTLbl" runat="server"></asp:Label>
<asp:Label ID="ESNLbl" runat="server"></asp:Label>
<asp:Label ID="RedFlagLbl" runat="server"></asp:Label>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridBoundColumn HeaderText="JobNo" DataField="jobno" AllowFiltering="true" ColumnGroupName="jobno"
SortExpression="jobno" UniqueName="jobno" >
</telerik:GridBoundColumn>
<telerik:GridBoundColumn HeaderText="Account" DataField="accode" AllowFiltering="true" ColumnGroupName="accode"
SortExpression="accode" UniqueName="accode">
</telerik:GridBoundColumn>
</Columns>
</MasterTableView>
<SortingSettings SortedBackColor="#FFF6D6" EnableSkinSortStyles="false"></SortingSettings>
<ClientSettings AllowColumnsReorder="true" ReorderColumnsOnClient="true" ClientEvents-OnGridCreated="onGridCreated">
</ClientSettings>

Grid

answered on 03 Jul 2014

3 answers

486 views

RadMenu Font size

I am trying to change the font size of the whole RadMenu with

<telerik:RadMenu ID="RadMenu1" runat="server" Skin="Sunset" Width="100%" Font-Size="Larger">

Unfortunaltely that doesn't work, I have to apply the font-size to every Menu item itself.
<telerik:RadMenuItem runat="server" Text="xxx" NavigateUrl="xxx.aspx" Font-Size="Larger">

Is this a feature or a bug?

Thanks, Thomas

answered on 03 Jul 2014

9 answers

606 views

OnFocus and OnBlur event

Hi guys,
inside my RadPanelBar I have a RadCombobox and RadTextBox and I need to change background color when control onFocus and when focus leave control onBlur.I tried e few case scenario and did not work:

Please help me.

Thanks so much

General Discussions

answered on 03 Jul 2014

16 answers

340 views

Upload working in FF but not IE

I am using FireFox 20.0.1 and IE8. We officially support IE8 at work. As a dev, I like FF and Chrome. Using FF and Chrome, everything works fine. When using IE8, the upload process stops right after I select a file. When I do, I get a pulsing yellow dot (instead of solid green) and that's it.

First, I get and " '$telerik' is undefined" error in the following:

<script language="javascript" type="text/javascript">

var $ = $telerik.$;

var uploadsInProgress = 0;

function onFileSelected(sender, args) {

if (!uploadsInProgress)

$("#SaveButton").attr("disabled", "disabled");

uploadsInProgress++;

var row = args.get_row();

$(row).addClass("file-row");

}

function onFileUploaded(sender, args) {

decrementUploadsInProgress();

}

function onUploadFailed(sender, args) {

decrementUploadsInProgress();

}

function decrementUploadsInProgress() {

uploadsInProgress--;

if (!uploadsInProgress)

$("#SaveButton").removeAttr("disabled");

}

</script>

Which could start off the chain of bad events. Also once I click on the Select button (to choose a file), the "$("#SaveButton").attr("disabled", "disabled");" line throws and error saying "Object expected".

Now I think I'm running into some Silverlight issues. The second line in ScriptResource.axd:

if(!a(s).data("cancel")){var t=c[a(s).data("silverlight")];

t.Content.Page.MarshalUploads();

Is giving me the error "System.InvalidOperationException: [ScriptObject_InvokeFailed]
Arguments:
Debugging resource strings are unavailable. Often the key and arguments provide sufficient information to diagnose the problem. See http://go.microsoft.com/fwlink/?linkid=106663&Version=8.1.20125.0&File=System.Windows.Browser.dll&Key=ScriptObject_InvokeFailed
at System.Windows.Browser.ManagedObjectInfo.Invoke(ManagedObject obj, InvokeType invokeType, String memberName, ScriptParam[] args)
at System.Windows.Hosting.ManagedHost.InvokeScriptableMember(IntPtr pHandle, Int32 nMemberID, Int32 nInvokeType, Int32 nArgCount, ScriptParam[] pArgs, ScriptParam& pResult, ExceptionInfo& pExcepInfo)".

Then, most importantly, I receive the following error: "Microsoft JScript runtime error: Unhandled Error in Silverlight Application [ScriptObject_InvokeFailed]
Arguments:
Debugging resource strings are unavailable. Often the key and arguments provide sufficient information to diagnose the problem. See http://go.microsoft.com/fwlink/?linkid=106663&Version=8.1.20125.0&File=System.Windows.Browser.dll&Key=ScriptObject_InvokeFailed at System.Windows.Browser.ScriptObject.Invoke(String name, Object[] args)
at UploadPrototype.EventManager.FilesSelected(Int32 filesCount)
at UploadPrototype.MainPage.OpenDialog()
at UploadPrototype.MainPage.OnMouseLeftButtonUp(MouseButtonEventArgs e)
at System.Windows.Controls.Control.OnMouseLeftButtonUp(Control ctrl, EventArgs e)
at MS.Internal.JoltHelper.FireEvent(IntPtr unmanagedObj, IntPtr unmanagedObjArgs, Int32 argsTypeIndex, Int32 actualArgsTypeIndex, String eventName, UInt32 flags)".

It's clear that because I'm using IE8, the control is degrading down to Silverlight but is having a problem with that. I don't understand why since I have Silverlight 5.1 installed. I'm not sure what the problem is or what to do about it.

Thanks!

AsyncUpload

answered on 02 Jul 2014

4 answers

542 views

Make Xaxis labels clickable links in bar chart

Hello,

I have a RadHtmlChart Bar chart that is using an ObjectDataSource to bind data. The Xaxis is customer name and I'd like to make the customer name a clickable link that would redirect the user to a customer page. Is this possible?

I've been able to make the bars clickable using javascript for the OnClientSeriesClicked event but my requirements are to make the labels into link. Any advise would be appreciated

Below is my chart:

<telerik:RadHtmlChart runat="server" ID="BarChart" Height="400" Transitions="true" DataSourceID="ChartsDataSource" OnClientSeriesClicked="OnClientSeriesClicked">

<PlotArea>

<Appearance>

<FillStyle BackgroundColor="#c5d291"></FillStyle>

</Appearance>

<Series>

<telerik:BarSeries DataFieldY="PercentPaid">

<Appearance FillStyle-BackgroundColor="#729021"></Appearance>

<LabelsAppearance Position="InsideBase" Color="White">

<ClientTemplate>

$#=dataItem.PaidToDate#

</ClientTemplate>

</LabelsAppearance>

</telerik:BarSeries>

</Series>

<XAxis DataLabelsField="CustomerName" Reversed="false" >

<TitleAppearance Text="Customer Name" Visible="false">

<TextStyle Margin="20" />

</TitleAppearance>

<MajorGridLines Visible="false" Width="0" />

<MinorGridLines Visible="false" />

</XAxis>

<YAxis AxisCrossingValue="0" Color="#b3b3b3" MajorTickSize="1" MajorTickType="Outside"

MinorTickSize="1" MinorTickType="Outside" MinValue="0" MaxValue="100" Reversed="false">

<LabelsAppearance DataFormatString="{0}%" RotationAngle="30" Skip="0" ></LabelsAppearance>

<MajorGridLines Color="#EFEFEF" Width="0"></MajorGridLines>

<MinorGridLines Color="#F7F7F7" Width="0"></MinorGridLines>

<TitleAppearance Position="Center" RotationAngle="0" Text="Percent Paid" ></TitleAppearance>

</YAxis>

</PlotArea>

</telerik:RadHtmlChart>

Chart (Obsolete)

answered on 02 Jul 2014

1 answer

146 views

Page freezes after disabling AJAX on Export

I have run into a problem with exporting from a RadGrid. Whenever I export from the RadGrid, I have to turn off the AJAX. I download the file fine, but the webpage becomes frozen and I have to refresh the page for it to do anything. I have read a few forum posts and applied what they did but to no effect.

Here is what I currently have:

<script type="text/javascript">

function requestStart(sender, args) {

if (args.get_eventTarget().indexOf("ExportToExcelButton") >= 0 ||

args.get_eventTarget().indexOf("ExportToWordButton") >= 0 ||

args.get_eventTarget().indexOf("ExportToPdfButton") >= 0 ||

args.get_eventTarget().indexOf("ExportToCsvButton") >= 0 ||

args.get_eventTarget().indexOf("chkShowInactive") >= 0) {

setTimeout(removePanel, 10);

args.set_enableAjax(false);

}

function removePanel() {

$telerik.findControl(document, "RadAjaxLoadingPanel1").hide()

}

</script>

<telerik:RadAjaxManager ID="RadAjaxManager1" DefaultLoadingPanelID="RadAjaxLoadingPanel1" runat="server" ClientEvents-OnRequestStart="requestStart">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="chkShowInactive">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="chkShowInactive"/>

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="rgvSafetyCommittees">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="rgvSafetyCommittees"/>

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" InitialDelayTime="0" MinDisplayTime="500" Transparency="25">

<div style="background-color: #ffffff; width: 100%; height: 100%">

<h1>

<br />

<b>Loading..</b>

</h1>

</div>

</telerik:RadAjaxLoadingPanel>

I have also tried something like the following to no effect:

<script type="text/javascript">

function requestStart(sender, args) {

if (args.get_eventTarget().indexOf("ExportToExcelButton") >= 0 ||

args.get_eventTarget().indexOf("ExportToWordButton") >= 0 ||

args.get_eventTarget().indexOf("ExportToPdfButton") >= 0 ||

args.get_eventTarget().indexOf("ExportToCsvButton") >= 0 ||

args.get_eventTarget().indexOf("chkShowInactive") >= 0) {

setTimeout(removePanel, 10);

args.set_enableAjax(false);

}

function removePanel() {

args.set_enableAjax(true);

}

</script>

What the first one would do is attempt to manually hide the loading panel. The second one was just guess work. I had to disable the AJAX for it to download the files. I figured if I could wait a few seconds to re-enable the ajax that it would somehow 'fix' it. So far to my knowledge, the setTimeout doesn't really do anything for me in this case. If I remove it the problems still exist though.

Has anyone run into this issue before? My grid is not inside an update panel of any sort.

Grid

answered on 02 Jul 2014

Top users last month