Questions on UI for ASP.NET AJAX Forum

2 answers

160 views

RadGrid disappears inside MultiPage with TabStrip

I know this is AJAX related, but I can't seem to figure it out. I have a TabStrip with a MultiPage and PageViews. On one of the PageViews is a RadGrid. For some reason when I click the Add button on the RadGrid (or do anything for that matter) I have to click to another tab and back to see the change. I thought I could solve this by adding the grid and the multipage to the AJAX Manager, but that's not working. I've tried wrapping the grid in its own AJAX panel, but that didn't work either.

Ideas?

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="PurchaseRequestControl.ascx.cs" Inherits="Controls.PurchaseRequestControl" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<link href="../Styles/PurchaseRequestStyleSheet.css" rel="stylesheet" type="text/css" />

<asp:PlaceHolder runat="server" ID="placeHolder">

<script type="text/javascript">

function onNavigate(isMoveNext) {

var tabs = $find('<%= tabStrip.ClientID %>');

var totalNumOfTabs = tabs.get_tabs().get_count();

if (totalNumOfTabs > 0) {

var newTabIndex;

var currentTabIndex = tabs.get_selectedIndex();

if (isMoveNext) {

if (currentTabIndex + 2 == totalNumOfTabs) {

newTabIndex = 0;

}

else {

newTabIndex = currentTabIndex + 2;

}

else {

if (currentTabIndex - 1 < 0) {

newTabIndex = totalNumOfTabs - 2;

}

else {

newTabIndex = currentTabIndex - 2

}

tabs.set_selectedIndex(newTabIndex);

}

</script>

</asp:PlaceHolder>

<telerik:RadAjaxManager ID="ajaxManager" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="tabStrip">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="tabStrip" />

<telerik:AjaxUpdatedControl ControlID="multiPage" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="multiPage">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="tabStrip" />

<telerik:AjaxUpdatedControl ControlID="multiPage" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="cartgrdItems">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="multiPage" LoadingPanelID="ajaxLoadingPanel" />

<telerik:AjaxUpdatedControl ControlID="tabStrip" LoadingPanelID="ajaxLoadingPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel runat="server" ID="ajaxLoadingPanel" InitialDelayTime="500"></telerik:RadAjaxLoadingPanel>

<div id="control-wrapper">

<div class="title-and-nav">

<span></span>

<telerik:RadTabStrip runat="server"

ID="tabStrip"

MultiPageID="multiPage"

CssClass="tab-strip"

EnableEmbeddedSkins="False"

AutoPostBack="true"

OnTabClick="tabStrip_TabClick">

<Tabs>

<telerik:RadTab IsSeparator="true" Text="1" CssClass="tab-number" Enabled="false"></telerik:RadTab>

<telerik:RadTab CssClass="tab" SelectedCssClass="tab-selected" Text="Buyer" PageViewID="pvBuyer"></telerik:RadTab>

<telerik:RadTab IsSeparator="true" Text="2" CssClass="tab-number" Enabled="false"></telerik:RadTab>

<telerik:RadTab CssClass="tab" SelectedCssClass="tab-selected" Text="Supplier" PageViewID="pvSupplier"></telerik:RadTab>

<telerik:RadTab IsSeparator="true" Text="3" CssClass="tab-number" Enabled="false"></telerik:RadTab>

<telerik:RadTab CssClass="tab" SelectedCssClass="tab-selected" Text="Shipping" PageViewID="pvShipping"></telerik:RadTab>

<telerik:RadTab IsSeparator="true" Text="4" CssClass="tab-number" Enabled="false"></telerik:RadTab>

<telerik:RadTab CssClass="tab" SelectedCssClass="tab-selected" Text="Cart" PageViewID="pvCart"></telerik:RadTab>

<telerik:RadTab IsSeparator="true" Text="5" CssClass="tab-number" Enabled="false"></telerik:RadTab>

<telerik:RadTab CssClass="tab" SelectedCssClass="tab-selected" Text="Review" PageViewID="pvReview"></telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

</div>

<telerik:RadMultiPage runat="server" ID="multiPage" RenderSelectedPageOnly="true">

<telerik:RadPageView runat="server" ID="pvCart" CssClass="page-view">

<div class="controls-container">

<telerik:RadGrid runat="server"

ID="cartgrdItems"

AllowPaging="True"

AllowSorting="True"

AutoGenerateColumns="true"

AutoGenerateDeleteColumn="True"

AutoGenerateEditColumn="True"

CellSpacing="0"

GridLines="Horizontal"

GroupingEnabled="False"

ondeletecommand="cartgrdItems_DeleteCommand"

oninsertcommand="cartgrdItems_InsertCommand"

onupdatecommand="cartgrdItems_UpdateCommand">

<MasterTableView

EnableNoRecordsTemplate="true"

CommandItemDisplay="TopAndBottom"

EditMode="InPlace"

InsertItemPageIndexAction="ShowItemOnCurrentPage">

<CommandItemSettings ShowAddNewRecordButton="true" AddNewRecordText="Add Item" />

<NoRecordsTemplate>Add Items</NoRecordsTemplate>

</MasterTableView>

</telerik:RadGrid>

</div>

<br />

<div class="navigation-buttons">

<asp:Button ID="cartbtnPrevious" runat="server" Text="Previous" OnClientClick="onNavigate(false); return false;" CssClass="nav-button"/>

<asp:Button ID="cartbtnNext" runat="server" Text="Next" OnClientClick="onNavigate(true); return false;" CssClass="nav-button" />

</div>

</telerik:RadPageView>

</telerik:RadMultiPage>

</div>

Grid

answered on 07 Sep 2017

2 answers

279 views

RadAutoCompleteBox not displaying suggestions when used in modal

I'm evaluating the Telerik's Ajax UI controls, and I'm running into an issue with the RadAutoCompleteBox control. If I use this control outside a modal, then the suggestions get displayed. However, if I use this control inside a Bootstrap modal then the suggestions don't show up.

Please see attached files. The ID for the modal in which I'm trying to use the Autocomplete box is: "panPN". The ID of the RadAutoCompleteBox that is working outside the modal is: "acRadBox"

Thanks,

Maria

General Discussions

answered on 06 Sep 2017

3 answers

180 views

Font-family attribute for default font

Hi,

How to enable the font family attribute for the default font?

We have an editor for user to construct their email to send email newsletter.

The default font is Arial so when user select Arial, it doesn't have the font tag.

The problem comes when recipient receive the email in Outlook or other email clients that uses Times New Roman as default font.
This will render the text as Times New Roman since there is no font-tag in the email.

Thanks.

Editor

answered on 06 Sep 2017

1 answer

326 views

How can I center the captcha image?

How can I center the actual captcha image with the text box and message to "Type the code from the image?"

I have enclosed a screen capture of what it looks like now and as you can see it looks awkward with the captcha image left aligned with the text box and text centered. I'd like everything to be centered.

Thanks for your help!

Captcha

answered on 06 Sep 2017

3 answers

146 views

AllowSubmitOnEnter Not Working

I'm having some trouble getting the AllowSubmitOnEnter property to work. I have a page with two grids...selecting a row in Grid A populates Grid B. In both grids, my users want to be able to use the enter key to submit inserts/edits on the grid.

I have set the following navigation settings on both grids:

On Grid A, this works perfectly and the users can press enter. However, on Grid B, those settings seem to be getting ignored. When the users press enter to submit an insert/edit, those events are not fired. Instead, the submit button's event is fired.

Can anyone give me a clue as to what to look for? The grids are pretty identical in properties, the biggest difference being that Grid A populates Grid B. I'm confused as to why the exact same properties seem to work on one but are ignored on the other.

Thank you!
Donna

Grid

answered on 06 Sep 2017

23 answers

433 views

Radgrid columns misaligned on Internet Explorer when UseStaticHeaders = True and AllowScroll = true

I have an issue with my Radgrid having misaligned columns when I set the properties for UseStaticHeaders = True and AllowScroll = True. I think this has been an known issue for quite sometime, because I notice a lot of forum posts back in early 2012 with people addressing this problem. I was wondering if there was a new up to date fix I need to implement in my code to resolve this issue. I have already tried many solutions posted in previous forums, but I am still persisting to have problems. I am using IE6, IE7, and IE8 and they are all displaying the same issue. If I run it in firefox, I have no issues, but its important that I get it to work in Internet Explorer.

Grid

answered on 06 Sep 2017

10 answers

1.0K+ views

Accessing CommandItemTemplate

I have defined a custom CommandItemTemplate which contains a LinkButton

<CommandItemTemplate>

<div style="padding: 5px 5px;">

<asp:LinkButton ID="linkBtnAddReport" runat="server" CommandName="InitInsert">

<img style="border:0px;vertical-align:middle;" alt="" src="../../CSS/images/add.gif" /> Add New Report

</asp:LinkButton>

</div>

</CommandItemTemplate>

I need to change the Enabled property but I need to change it outside of the GridItemCommand event.

How can I find the LinkButton outside of the GridItemCommand event?

Thanks.

Grid

answered on 06 Sep 2017

0 answers

61 views

Unable to switch to HTML or Preview mode

I'm attempting to add an Editor to an existing .NET 4.5 project. All of the other Telerik controls in the project seem fine so far - and RadEditor works at first, but is unable to change to either HTML or Preview mode.

When we click on either HTML or Preview, a File Not Found error is thrown. I've followed a few other threads related to RadEditor issues and have tried some proposed solutions, such as renaming the DialogHandler from .aspx to .axd, but nothing so far has worked. Right now, it appears everything in our web.config, references, etc. match what is in the Telerik Live Examples project.

Has anyone else encountered this problem, or any other ideas of what could be wrong?

Editor

asked on 05 Sep 2017

1 answer

207 views

Advanced Modal Window movable

Hello

How can I set a RadScheduler modal window to 'movable' by the user like a RadWindow?

My users are confused that the can move other RadWindow modal windows but not the one from the scheduler.

Thanks

Ruggero De Pellegrini

Scheduler

answered on 05 Sep 2017

3 answers

92 views

Editor Custom Dropdown ItemsPerRow

I've recently upgraded to the latest version of Telerik, and it seems like the "ItemsPerRow" property is no longer working for the Custom Drop Down.

Example here: http://demos.telerik.com/aspnet-ajax/editor/examples/customdropdowns/defaultvb.aspx

I've tried to format the list items accordingly, however the <li> styling affects ALL drop downs in the editor.

Is there either a way to get the ItemsPerRow to work properly, or is there a way to specifically refer to just the custom drop down via CSS styling?

Thank you.

Editor

answered on 05 Sep 2017