Questions on UI for ASP.NET AJAX Forum

1 answer

53 views

VS extension installed in VS2010 but not in VS2008

Hi i've been running VS2010 and S2008 together and they were working fine with the telerik extension. Recently i had to re-format my computer and I'm doing a fresh install, the extension is working fine in VS2010 but its not showing up in my VS2008. Any ideas?

Installer and VS Extensions

answered on 21 Dec 2010

2 answers

110 views

grid editing/inserting not working

I have a grid with 1 master table and 1 details table. On my development machine when I expand the detail section then click the 'add a new record' button, the edit section appears and I can add some data, then save. After uploading to a hosted environment, clicking 'add new record' does nothing ! I get the ajax animated icon, but no edit section appears so I cant input any data.

I have a similar grid on another page and it works perfectly. Can anyone help ? this has now gone live but it wont work. Am I missing something ?

<asp:Panel ID="PanelTypes" runat="server" GroupingText="Banners" Width="100%" >

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" IsSticky="false" Height="75px" Width="75px" Transparency="25">

<img alt="Loading..."

src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>' style="border:0;" /></

telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server"

ClientEvents-OnRequestStart="conditionalPostback" Width="100%">

<telerik:RadGrid ID="RadGridBannerImages" runat="server"

GridLines="None" AllowSorting="True"

ShowStatusBar="True" Skin="Vista"

ondeletecommand="RadGridBannerImages_DeleteCommand"

oninsertcommand="RadGridBannerImages_InsertCommand"

onneeddatasource="RadGridBannerImages_NeedDataSource"

onupdatecommand="RadGridBannerImages_UpdateCommand"

Width="1190px" onitemdatabound="RadGridBannerImages_ItemDataBound"

AllowPaging="True" PageSize="5" AutoGenerateColumns="False" Height="100%"

OnDetailTableDataBind="RadGridBannerImages_DetailTableDataBind"

onitemcommand="RadGridBannerImages_ItemCommand" HorizontalAlign="Left"

onitemcreated="RadGridBannerImages_ItemCreated">

<HeaderContextMenu Skin="Vista" EnableTheming="True">

<CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>

</HeaderContextMenu>

<PagerStyle Mode="NextPrevAndNumeric" AlwaysVisible="True" />

<HeaderStyle Wrap="true" />

<MasterTableView DataKeyNames="ID" CommandItemDisplay="Top" OverrideDataSourceControlSorting="True"

EditMode="InPlace" UseAllDataFields="True" Name="BannerName">

<detailtables>

<telerik:GridTableView runat="server" DataKeyNames="ID" Name="BannerImages" Width="100%" CommandItemDisplay="Top" ShowFooter="True">

<RowIndicatorColumn>

<HeaderStyle Width="20px" />

</RowIndicatorColumn>

<ExpandCollapseColumn>

<HeaderStyle Width="20px" />

</ExpandCollapseColumn>

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandBannerImage">

<HeaderStyle Width="20px" />

</telerik:GridEditCommandColumn>

<telerik:GridBoundColumn DataField="ID" DataType="System.Int32" HeaderText="ID"

ReadOnly="true" Visible="false" SortExpression="ID" UniqueName="ID">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn UniqueName="PanelNumber" HeaderText="Panel Location" SortExpression="Position">

<ItemTemplate>

<%#DataBinder.Eval(Container.DataItem, "PanelNumber")%>

</ItemTemplate>

<EditItemTemplate>

<telerik:RadComboBox ID="RadComboBoxPanelNumber" Runat="server" Skin="Vista">

<Items>

<telerik:RadComboBoxItem runat="server" Text="Left" Value="1" />

<telerik:RadComboBoxItem runat="server" Text="Center" Value="2" />

<telerik:RadComboBoxItem runat="server" Text="Right" Value="3" />

</Items>

</telerik:RadComboBox>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="ImageNumber" HeaderText="Image Number" SortExpression="Position">

<ItemTemplate>

<%#DataBinder.Eval(Container.DataItem, "ImageNumber")%>

</ItemTemplate>

<EditItemTemplate>

<telerik:RadComboBox ID="RadComboBoxImageNumber" Runat="server" Skin="Vista">

<Items>

<telerik:RadComboBoxItem runat="server" Text="1" Value="1" />

<telerik:RadComboBoxItem runat="server" Text="2" Value="2" />

<telerik:RadComboBoxItem runat="server" Text="3" Value="3" />

<telerik:RadComboBoxItem runat="server" Text="4" Value="4" />

<telerik:RadComboBoxItem runat="server" Text="5" Value="5" />

<telerik:RadComboBoxItem runat="server" Text="6" Value="6" />

<telerik:RadComboBoxItem runat="server" Text="7" Value="7" />

<telerik:RadComboBoxItem runat="server" Text="8" Value="8" />

<telerik:RadComboBoxItem runat="server" Text="9" Value="9" />

<telerik:RadComboBoxItem runat="server" Text="10" Value="10" />

</Items>

</telerik:RadComboBox>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Image File" UniqueName="ImageUpload">

<ItemTemplate>

<asp:Image ID="Image1" runat="server" ImageUrl='<%# Eval("ImageURL") %>' Height="162" Width="207"/>

</ItemTemplate>

<EditItemTemplate>

<telerik:RadUpload ID="RadUploadImage" runat="server"

InitialFileInputsCount="1" MaxFileInputsCount="1"

ControlObjectsVisibility="None" MaxFileSize="100000"

AllowedFileExtensions=".jpg,.gif,.jpeg,.png" TargetFolder="~/Uploads"/>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridButtonColumn ConfirmText="Delete this image ?" ButtonType="ImageButton"

CommandName="Delete" Text="Delete" UniqueName="DeleteFlash">

<HeaderStyle Width="20px" />

<ItemStyle HorizontalAlign="Center" CssClass="MyImageButton" />

</telerik:GridButtonColumn>

</Columns>

<rowindicatorcolumn>

<HeaderStyle Width="20px" />

</rowindicatorcolumn>

<expandcollapsecolumn visible="True">

<HeaderStyle Width="20px" />

</expandcollapsecolumn>

</telerik:GridTableView>

</detailtables>

<RowIndicatorColumn>

<HeaderStyle Width="20px" />

</RowIndicatorColumn>

<ExpandCollapseColumn visible="True">

<HeaderStyle Width="20px" />

</ExpandCollapseColumn>

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandBannerName">

<HeaderStyle Width="20px" />

</telerik:GridEditCommandColumn>

<telerik:GridBoundColumn UniqueName="BannerName" DataField="BannerName" HeaderText="Banner Name" />

<telerik:GridButtonColumn ConfirmText="Delete this banner ?" ButtonType="ImageButton"

CommandName="Delete" Text="Delete" UniqueName="DeleteColumn1">

<HeaderStyle Width="20px" />

<ItemStyle HorizontalAlign="Center" CssClass="MyImageButton" />

</telerik:GridButtonColumn>

</Columns>

</MasterTableView>

<FilterMenu EnableTheming="True">

<CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>

</FilterMenu>

</telerik:RadGrid>

</telerik:RadAjaxPanel>

</asp:Panel>

Grid

answered on 21 Dec 2010

7 answers

264 views

CommandItemDisplay

How can the command toolbar be set to show only the refresh button ? I dont need the insert option.

Grid

answered on 21 Dec 2010

7 answers

501 views

Show contextmenu when hovering on node instead of right-click

I implemented the context menu for the treeview and everything works fine. No my client wants me to show the context menu when hovering vs making the user rightclick, like the HoverMenu is in the Ajax Control Toolkit

http://www.asp.net/AJAX/AjaxControlToolkit/Samples/HoverMenu/HoverMenu.aspx

Is there another way to open the ContextMenu? Hopefully there is a Javascript function that I can call to show it for each node.

thanks

tommy

TreeView

answered on 21 Dec 2010

6 answers

368 views

expand / collapse arrow

I am using a RadPanelBar -- I am currently hiding the expand and collapse arrows using the following code:

.rpExpandHandle

{

display: none!important;

}

.rpCollapseHandle

{

display: none!important;

}

This works great -- except now I need to add another RadPanelBar to the same page where I need to show the expand and collapse arrows.

I read in the following help file that if you set the imageUrl and imagePosition to right, then it will replace the image. Unfortunately I can't get that to work.

Here's the help link:

http://www.telerik.com/help/aspnet-ajax/panel_appearanceitemimages.html

Here's my code sample:

<telerik:RadPanelBar runat="server" ID="SupportPanelBar" Width="150" >

<ExpandAnimation Type="None"></ExpandAnimation>

<CollapseAnimation Type="None"></CollapseAnimation>

<Items>

<telerik:RadPanelItem Text="TeamSideline" Expanded="True" PreventCollapse="true" NavigateUrl="/Home.aspx" ImagePosition="Right" ImageUrl="~/img/icon_delete_active.png" SelectedImageUrl="~/img/icon_delete_active.png">

<Items>

<telerik:RadPanelItem Text="Support Menu" NavigateUrl="/Support/Home.aspx" BackColor="#D7D8D8" />

<telerik:RadPanelItem Text="Public Downloads" NavigateUrl="/TsMoreInfo.aspx" BackColor="#D7D8D8"

/>

</Items>

</telerik:RadPanelItem

</Items>

</telerik:RadPanelBar>

And the output is attached. I am using the telerik dll -- 2010.3.1109.40

Your help is appreciated.

Thanks,
Todd.

PanelBar

answered on 21 Dec 2010

4 answers

98 views

RadDock does not expand

Expand button at the right corner of Dock Control does not expand durin gthe initial request.It expands collapse only after some post back

Dock

answered on 21 Dec 2010

1 answer

38 views

while clicking the inside the grid in runtime grid control ll get collapsed

Hi
I m using the rad grid, with ajax, in run time values bind to the grid control properly, but while clicking the item command or inside the grid then suddenly grid get hide(mean the rad window get hide). i m using ajax update panel, if i remove the updata panel, grid works fine.and i have another button below the grid. So could any one tell me how to solve this problem.

note: both grid the button in the pop up rad window.

Grid

answered on 21 Dec 2010

3 answers

216 views

RadAjaxLoadingPanel - work w/ UserControls?

hello,

im noticing that when using a RadAjaxManager, my LoadingPanel doesnt show up when one of the updated-controls is a UserControl.

like so:

    
            <table> 
        
                <tr> 
        
                    <td class="label">Offender:</td> 
        
                    <td> 
        
                        <Telerik:RadComboBox ID="rcbOffenders" DataValueField="OffenderID" DataTextField="LastName" Skin="Gray" runat="server" AutoPostBack="true" OnSelectedIndexChanged="rcbOffenders_SelectedIndexChanged" /> 
        
                    </td> 
        
                </tr> 
        
            </table><br /> 
        
            <asp:HiddenField ID="hidPreviousOffenderID" runat="server" /> 
        
            <Epr:OffenderDescriptions ID="ucOffenderDescriptions" OffenderSelected="ucOffenderDescriptions_OffenderSelected" runat="server" /> 
        
            <Telerik:RadAjaxManager ID="radAjaxManager" runat="server"> 
        
                <AjaxSettings> 
        
                    <%-- Offenders list updates usercontrol --%> 
        
                    <Telerik:AjaxSetting AjaxControlID="rcbOffenders"> 
        
                        <UpdatedControls> 
        
                            <Telerik:AjaxUpdatedControl ControlID="hidPreviousOffenderID" LoadingPanelID="ajaxLoadingPanel2" /> 
        
                            <Telerik:AjaxUpdatedControl ControlID="ucOffenderDescriptions" LoadingPanelID="ajaxLoadingPanel2" /> 
        
                        </UpdatedControls> 
        
                    </Telerik:AjaxSetting> 
        
                </AjaxSettings> 
        
            </Telerik:RadAjaxManager> 
        
            <Telerik:RadAjaxLoadingPanel ID="ajaxLoadingPanel2" Width="75px" Height="75px" Transparency="20" runat="server"> 
        
                <img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>' style="border:0;" /> 
        
            </Telerik:RadAjaxLoadingPanel>

...telerik -- shouldnt the LoadingPanel show up?

thanks,
matt

Ajax

answered on 21 Dec 2010

2 answers

192 views

Capture Enter Key RadDatePicker

Hello,

How do I capture "Enter Key" from keyboard in my RadDatePicker? I want to click an ASP Button when this event is triggered. I have the code below but it's not working. I'm using the latest version of Telerik. Any help is highly appreciated.

<telerik:raddatepicker id="RadDatePicker_EndUsage" runat="server" Width="62px" Culture="English (United States)" onkeydown="handleEnterEvent"

<Calendar id="Calendar2" runat="server" skin="Office2007"

/>

<DateInput id="DateInput2" InvalidStyleDuration="100" skin="Office2007" runat="server"

<ClientEvents OnFocus="ShowCalendar"

/>

</DateInput

<DatePopupButton Visible="False"

/>

</telerik:raddatepicker>

Javascript:

function handleEnterEvent(sender, e)

     e = e || window.event;

     if (e.keyCode == 13)

          $find("<%# processButton.ClientID %>").click();

Calendar

answered on 21 Dec 2010

4 answers

443 views

How do I remove the vertical scrollbar from the Window?

Hopefully this is an easy one...

I am opening a RadWindow using the WindowManager (javascript):

var oWindow = window.radopen("EditGroup.aspx");

When the window opens however, I ALWAYS have a vertical scrollbar on the right hand side. I've tried setting the window height to several sizes, both big and small - no matter what, I get a scrollbar.

How do I turn this off?

Window

answered on 21 Dec 2010