Questions on UI for ASP.NET AJAX Forum

1 answer

138 views

How to get rid of the white space between title and header

My RadDatePicker has a white space bwtween the title and the header which I don't like. How to get rid of it?
My RadDatePicker is like this now:

<

telerik:RadDatePicker ID="calDate" Runat="server" AutoPostBack="True" Width="95px" Skin="" EnableEmbeddedBaseStylesheet="false"

Culture="English (United States)" >

<Calendar UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False"

ViewSelectorText="x" ShowRowHeaders="false" BorderStyle="Solid" NavigationPrevText="< Prev" NavigationNextText="Next >" NavigationCellPadding="0" NavigationCellSpacing="3"

BorderWidth="0px" BorderColor="#573d08" CalendarTableStyle-BackColor="Control" FastNavigationStyle-BackColor="White" HeaderStyle-BackColor="#23476d" HeaderStyle-ForeColor="#ccffff"

TitleStyle-BackColor="#333333" TitleStyle-HorizontalAlign="Center" TitleStyle-ForeColor="White" SelectedDayStyle-BackColor="Orange" SelectedDayStyle-BorderStyle="Solid" SelectedDayStyle-BorderWidth="1px" SelectedDayStyle-BorderColor="#cccccc" DayStyle-BorderColor="#cccccc" DayStyle-BorderStyle="Solid" DayStyle-BorderWidth="1px" DayNameFormat="FirstTwoLetters" DayStyle-BackColor="White" DayStyle-Width="13px" DayStyle-ForeColor="#333333"

WeekendDayStyle-Width="13px" Width="130px" Height="100px" ShowOtherMonthsDays="false" SingleViewRows="5" CssClass="formInput" FastNavigationStep="2" FastNavigationNextText="" FastNavigationPrevText="" >

</Calendar>

</telerik:RadDatePicker>

Thanks for help!

Joseph

Calendar

answered on 21 Jun 2010

3 answers

289 views

VPN Connectivity Problem

We are using telerik Q1 2009 Licensed version ASP.NET AJAX Control  .The problem we are facing is when we deploy the website on SSL VPN port 443 using (VPN-DES and VPN-3DES-AES) encryption and we try to open the application then all  the terlerik controls are not working

1) The Rad Panel did not expand

2) The Radcombobox appears disabled .Does not show data on combo box and when we click it does not do anything.

3) The   Rad date picker does not work.

But when we used asp.net control instead or telerik its working fine  . All controls like the dropdownlist , grid view everything is working fine  .

Our application is fully ready to be deployed. We need to fix this integration issue of telerik controls through SSL VPN on HTTPS.

We need your assistance to fix this problem urgently. It is a bad option for us to redevelop the full application with asp.net controls instead of using telerik controls.

Note: LAN environment application working fine with telerik controls only problem when we access this application through SSL VPN on HTTPS

I have attached two files which will show the application behaviour in both environment Lan and VPN.

General Discussions

answered on 21 Jun 2010

1 answer

103 views

RadAjaxLoading panel not displaying

Hi,
I have a program which refreshes the radgrid once a radWindow closes. I have given the following statement to ajaxify the grid.

    
                 <AjaxSettings> 
        
                                                                                    <telerik:AjaxSetting AjaxControlID="RadAjaxManager1"> 
        
                                                                                                  <UpdatedControls> 
        
                                                                                                     <telerik:AjaxUpdatedControl ControlID="SectionsListGrid" LoadingPanelID="AjaxLoadingPanel1" /> 
        
                                                                                                 </UpdatedControls> 
        
                                                                                 </telerik:AjaxSetting>

I can see the grid refreshing but cannot see the RadAjaxLoading panel in front of the grid.

Please advice.

Regards,
Jo

Ajax

answered on 21 Jun 2010

1 answer

113 views

Drag and Drop

I'm not sure where to post this so here goes.....

I'm going to have a list of things that I want the user to be able to change the order of by dragging and dropping them. The data will be coming from a database but I can put it in a different format if that would be easier.

Anybody have any suggestions.

(I'm a newbie to Telerik so please be kind.....)

TIA - Jeff.

Ajax

answered on 21 Jun 2010

1 answer

69 views

Draop and drop from desktop to a web form.

Is there a way for a user to drag a file from their desktop and drop in onto a web form and have the file uploaded to the server?

TIA - Jeff.

Ajax

answered on 21 Jun 2010

1 answer

143 views

Is It possible to set ClientEvents-OnError for RadDate Picker From directly Web.config

In my project there are lots of Data Pickers are present not only in entire project but also on individual pages.
I am using Telerik 2010 Q1 .
So the problem i am facing is that on pasting the characters or typing characters in the Date Picker it is not validating at all and my page gets submitted on submit click.
but if i use some thing like this in one JS file i.e.(Common.JS)

function Error(sender, args) {

sender.clear();

}

and then in individual page i write

<

telerik:RadDatePicker ID="dtFollowUpDate" runat="server" Skin="Office2007" Culture="English (United States)"

Height="18px">

<DateInput ID="DateInput1" Skin="Office2007" runat="server" DateFormat="dd-MMM-yyyy" DisplayDateFormat="dd-MMM-yyyy"

ClientEvents-OnError="Error" Height="18px">

</DateInput>

</Calendar>

</telerik:RadDatePicker>

and its work perfectly for me.But for this to happen i have to write in all the pages for each control.

So what i want is to write some common thing in Web.config so that all the page should take effect.
Some thing like this

<

add key="Telerik.Web.UI.RadDateInput.ClientEvents-OnError" value="Error" />

Please advice how these can be achived or there is any other way to do this globally.
Thanks in Advance.

Calendar

answered on 21 Jun 2010

1 answer

308 views

How to set vertical grid lines???

Here is my grid code:

                    <telerik:RadGrid ID="radGrid1" Width="100%"          
                 AllowPaging="True" PageSize="15" runat="server" AllowSorting="True"         
                 OnNeedDataSource="OnNeed_DataSource" BorderColor="Gray"          
                 BorderWidth="1px">         
                <HeaderContextMenu EnableAutoScroll="True"></HeaderContextMenu>         
                     
                  <MasterTableView Width="100%" GridLines="Vertical" bordercolor="#CCCCCC" borderwidth="1px" AutoGenerateColumns="false">         
                      <Columns>                       
                          <telerik:GridBoundColumn UniqueName="EmpID" HeaderText="ID" SortExpression="EmpID" DataField="EmpID" />         
                          <telerik:GridBoundColumn UniqueName="EmpName" HeaderText="Name" SortExpression="EmpName" DataField="EmpName" />         
                          <telerik:GridBoundColumn UniqueName="Dept" HeaderText="Department" SortExpression="Dept" DataField="Dept"/>         
                      </Columns>         
                  </mastertableview>         
                           
                  <PagerStyle Mode="NextPrevAndNumeric" />         
                    <HeaderStyle Wrap="True" />         
                    <FilterMenu EnableTheming="True">         
                        <CollapseAnimation Duration="200" Type="OutQuint" />         
                    </FilterMenu>         
             </telerik:RadGrid>         

Please advise. Thanks

Brew

Grid

answered on 21 Jun 2010

5 answers

341 views

Grid modal popup edit appears behind fade?

Renderingissue using RadGrid built-in edit modal popup.

The issuewe have is illustrated in the attached screenshots.

This first grid1.png is ok, the grid edit popup appears in front of the dimmed out area. However, ifI fire up the same page using the machine name instead of the ip address thepopup is placed behind the dimming div as seen on grid2.png.

Thisobviously blocks the user from editing the value.

Environment:

Asp.Net,.Net framework 3.5

IE8 and IE7compatibility mode

Anyonestumbled over this before?

Otherhints?

Code:

                    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SystemParametersView.aspx.cs" Inherits="CSAdmin.Web.SysAdmin.SystemParametersView" MasterPageFile="~/CSAdmin.Master" %>         
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>         
            <%@ Register TagPrefix="telerik" Namespace="Telerik.Charting" Assembly="Telerik.Web.UI" %>         
            <%@ Register Src="~/Controls/EditButtonsControl.ascx" TagName="EditButtonsControl" TagPrefix="uc1" %>         
            <%@ Register src="~/Controls/CSHiddenControl.ascx" TagName="CSHiddenControl" TagPrefix="uc1"%>         
            <asp:Content ContentPlaceHolderID="HeaderExtrasCPH" runat="server">         
            <telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server" >         
                <AjaxSettings>         
                            <telerik:AjaxSetting AjaxControlID="GridView">         
                                <UpdatedControls>         
                                    <telerik:AjaxUpdatedControl ControlID="GridView" />         
                                </UpdatedControls>         
                            </telerik:AjaxSetting>         
                        </AjaxSettings>         
            </telerik:RadAjaxManagerProxy>         
            <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">         
                        <script type="text/javascript">         
                            var popUp;         
                            function PopUpShowing(sender, eventArgs) {         
                                popUp = eventArgs.get_popUp();         
                                var gridWidth = sender.get_element().offsetWidth;         
                                var gridHeight = sender.get_element().offsetHeight;         
                                var popUppopUpWidth = popUp.style.width.substr(0, popUp.style.width.indexOf("px"));         
                                var popUppopUpHeight = popUp.style.height.substr(0, popUp.style.height.indexOf("px"));         
                                popUp.style.left = ((gridWidth - popUpWidth) / 2 + sender.get_element().offsetLeft).toString() + "px";         
                                popUp.style.top = ((gridHeight - popUpHeight) / 2 + sender.get_element().offsetTop -200).toString() + "px";         
                            }         
                        </script>         
                     
                    </telerik:RadCodeBlock>         
                     
                     
            </asp:Content>         
            <asp:Content ID="Content1" ContentPlaceHolderID="MainContentPlaceHolder" runat="server">         
                         
                <telerik:RadAjaxManagerProxy ID="RA" runat="server">         
                    <AjaxSettings>         
                        <telerik:AjaxSetting AjaxControlID="GridView">         
                            <UpdatedControls>         
                                <telerik:AjaxUpdatedControl ControlID="GridView" LoadingPanelID="LP" />         
                            </UpdatedControls>         
                        </telerik:AjaxSetting>         
                    </AjaxSettings>         
                </telerik:RadAjaxManagerProxy>         
                <telerik:RadAjaxLoadingPanel ID="LP" runat="server" Skin="Office2007"></telerik:RadAjaxLoadingPanel>         
                <telerik:RadGrid ID="GridView" CssClass="DTSGrid" ShowStatusBar="True" AllowSorting="True" PageSize="20" GridLines="None" AllowPaging="True"         
                        runat="server" AllowAutomaticUpdates="True" AllowMultiRowEdit="false" OnUpdateCommand="RadGrid1_UpdateCommand" OnInsertCommand="GridView_InsertCommand"         
                        AutoGenerateColumns="False" Skin="Office2007" OnItemUpdated="RadGrid1_ItemUpdated" OnNeedDataSource="RadGrid1_NeedDataSource">         
                     
                    <MasterTableView EditMode="PopUp" Width="100%" DataKeyNames="Key" AllowMultiColumnSorting="True" InsertItemDisplay="Top" CommandItemDisplay="None">         
                    <Columns>         
                            <telerik:GridBoundColumn DataField="Key" HeaderText="<%$ Resources:LocalizedText, Key %>" SortExpression="Key" />         
                            <telerik:GridBoundColumn  DataField="Value" HeaderText="<%$ Resources:LocalizedText, Value %>" UniqueName="Value" SortExpression="Value" />         
                            <telerik:GridEditCommandColumn ButtonType="ImageButton"></telerik:GridEditCommandColumn>                             
                        </Columns>         
                        <EditFormSettings CaptionDataField="Key" EditFormType="Template" PopUpSettings-Modal="true" >         
                            <FormTemplate>         
                                <div id="dockdiv" class="dockdiv">         
                                    <table>         
                                        <tr>         
                                            <td>         
                                                <asp:Label ID="Label1" runat="server" Text="<%$ Resources:LocalizedText, Key %>"></asp:Label>            
                                            </td>         
                                            <td>         
                                                <asp:TextBox ID="Key" runat="server" Text='<%# Bind("Key") %>'></asp:TextBox>         
                                                <asp:RequiredFieldValidator ID="RFV1" runat="server" ControlToValidate="Key" ErrorMessage="*"></asp:RequiredFieldValidator>         
                                            </td>         
                                        </tr>         
                                        <tr>         
                                            <td>         
                                                <asp:Label ID="Label2" runat="server" Text="<%$ Resources:LocalizedText, Value %>"></asp:Label>         
                                            </td>         
                                            <td>         
                                                <asp:TextBox ID="Value" runat="server" Text='<%# Bind("Value") %>'></asp:TextBox>         
                                                <asp:RequiredFieldValidator ID="RFV2" runat="server" ControlToValidate="Value" ErrorMessage="*"></asp:RequiredFieldValidator>         
                                            </td>         
                                        </tr>         
                                        <tr>         
                                            <td style="text-align:right">         
                                                <asp:Button ID="Save" runat="server" CommandName='<%# (Container is GridEditFormInsertItem) ? RadGrid.PerformInsertCommandName : RadGrid.UpdateCommandName %>' Text="<%$ Resources:LocalizedText, SaveButtonText %>" />         
                                            </td>         
                                            <td>         
                                                <asp:Button ID="Cancel" runat="server" CausesValidation="false"          
                                                    CommandName="Cancel" Text="<%$ Resources:LocalizedText, CancelButtonText %>" />         
                                            </td>         
                                        </tr>         
                                    </table>         
                                </div>         
                            </FormTemplate>         
                        </EditFormSettings>         
                    </MasterTableView>         
                     <ClientSettings>         
                            <ClientEvents OnPopUpShowing="PopUpShowing" />         
                     </ClientSettings>         
                </telerik:RadGrid>            
            </asp:Content>         
                     

Regards,

Carl

Grid

answered on 21 Jun 2010

2 answers

181 views

[Solved] Disable moving of files/folders

I can´t find out how to disable the ability to move (drag) files or folders in the File Explorer. Is there an easy way to disable this?
Now I can drag files or folders and then get a permission error alert. But wan´t to disable the dragging as well.

Regards

Christian

FileExplorer

answered on 21 Jun 2010

1 answer

335 views

How to remove Rename and Delete option from the Image Manager

Hi All,

I'm using Telerik Rad Editor in my project. In the Image Manager, I want only the New Folder and Upload option. I do not want Delete and Rename option. Kindly help me how to remove Delete and Rename option.

Kind Regards,

Raman

Editor

answered on 21 Jun 2010