Questions on UI for ASP.NET AJAX Forum

110,795 questions

1 answer

147 views

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

196 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

134 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

453 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

578 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

302 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

529 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

135 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

4 answers

2.1K+ views

Get the values of a cell in a selected row of a RadGrid on client Side

I'm hoping there is a simple fix for this, but I would accept a complicated one after messing around with it for the last week!

I am putting together a module that will drop into a DotNetNuke portal and I'm populating a Telerik RadGrid with data. I have followed every tutorial and example I can find, but the result keeps coming back with "object Object", "null", or "undefined" when I try to get the value of a cell in the selected rows.

I need to:
1) get the value of the "BookingID'" column for each row that is selected
2) pass the value into a url string that opens up in a RadWindow.

I'm trying to do all of this using javascript, but if you know a better way, I'm down for anything at this point.
Here are some of the tutorials and examples I have followed to no avail:

http://stackoverflow.com/questions/761633/select-a-radgrid-row-client-side-inside-radwindows
http://www.telerik.com/help/aspnet/grid/grdgettingcellvaluesforselectedrowsclientside.html
http://www.telerik.com/community/forums/aspnet-ajax/grid/extracting-cell-values-from-radgrid.aspx
http://demos.telerik.com/aspnet-ajax/grid/examples/client/selecting/defaultcs.aspx
http://demos.telerik.com/aspnet-ajax/grid/examples/client/keys/defaultcs.aspx

Here is my current JavaScript and a stripped down radGrid:

    
            function gup(name) {  
        
                    name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");  
        
                    var regexS = "[\\?&]" + name + "=([^&]*)";  
        
                    var regex = new RegExp(regexS);  
        
                    var results = regex.exec(window.location.href);  
        
                    if (results == null) return "";  
        
                    else return results[1];  
        
                }  
        
                    function ShowEditForm() {  
        
                        var tab = gup('tabid')  
        
                        var mid = gup('mid').replace(/#/, '')  
        
                        var masterTableView = $find("perDiemBookingsRadGrid").get_masterTableView();  
        
                        var id = masterTableView.get_selectedItems()[0].getDataKeyValue('BookingID');  
        
                        window.radopen("/Default.aspx?tabid=" + tab + "&ctl=multiEdit&mid=" + mid + &BIDs=" + id, "RadWindow3");  
        
                    }

    
            <telerik:RadGrid ID="perDiemBookingsRadGrid" runat="server" AllowPaging="True" AllowSorting="True" 
        
                       DataSourceID="perDiemBookingsSqlDataSource" GridLines="None" ShowGroupPanel="True" 
        
                       AllowAutomaticDeletes="True" AllowMultiRowSelection="True" Width="800px" AllowAutomaticUpdates="True" 
        
                       AutoGenerateColumns="False" >  
        
                         <MasterTableView DataSourceID="perDiemBookingsSqlDataSource" DataKeyNames="BookingID" 
        
                           CommandItemDisplay="Top">  
        
                             <CommandItemTemplate>  
        
                                <div style="padding: 5px 5px;">  
        
                                  <a href="#" onclick="return ShowEditForm();" visible='<%# perDiemBookingsRadGrid.EditIndexes.Count = 0 %>'>  
        
                                  <img style="border: 0px; vertical-align: middle;" alt="" src="/images/Edit.gif" />  
        
                                  Show Edit Form</a> &nbsp;&nbsp;  
        
                                </div>  
        
                             </CommandItemTemplate>  
        
                             <Columns>  
        
                                <telerik:GridClientSelectColumn Reorderable="False" Resizable="False" ShowSortIcon="False" 
        
                                UniqueName="column">  
        
                                </telerik:GridClientSelectColumn>  
        
                                <telerik:GridBoundColumn DataField="BookingID" UniqueName="BookingID" DataType="System.Int32" 
        
                                 HeaderText="BookingID" ReadOnly="True" SortExpression="BookingID" Visible="False">  
        
                                </telerik:GridBoundColumn>  
        
                                <telerik:GridTemplateColumn DataField="CustomerName" HeaderText="Customer" UniqueName="Customer" 
        
                                 EditFormColumnIndex="2" GroupByExpression="GROUP BY CustomerName" SortExpression="CustomerName">  
        
                                <EditItemTemplate>  
        
                             </Columns>  
        
                                  <EditFormSettings ColumnNumber="3">  
        
                                      <EditColumn UniqueName="EditCommandColumn1">  
        
                                      </EditColumn>  
        
                                  </EditFormSettings>  
        
                        </MasterTableView>  
        
                        <ClientSettings AllowDragToGroup="True">  
        
                             <Selecting AllowRowSelect="True"/>  
        
                        </ClientSettings>  
        
            </telerik:RadGrid>

Grid

answered on 02 Jul 2014

1 answer

218 views

Disable multiple selection

Hi,

Is there any way to disable multiple selection of time slots in the control please?

I only want the user to be able to select half hour slots and for them not to be able to extend it past the half hour slot?

Thanks for your help

Scheduler

answered on 02 Jul 2014

Top users last month