Questions on UI for ASP.NET AJAX Forum

1 answer

78 views

RadTimePicker

Hi guys,
I have a application form where I have to add two dropdown boxes(from and to).When user click on from box, he/she choose a value.Value should look like this:
08:00am
08:01am
08:02am..
11:59am..
12:00pm
12:01pm
And box 'to' should looks exactly like 'from' box'
If user choose for example 08:00am to 12:00pm I should grab this value and pass it to store procedure.
How can I do that?

Thanks so much for your support.

Calendar

answered on 07 Jul 2011

3 answers

154 views

Horizontal Scrollbar

I have a Splitter in my Page with a grid inside the Right Pane. When my grid loads and the number of columns are more than can fit inside the pane, i get a horizontal scrollbar, and it looks good. However when I start to page through the grid, the horizontal scrollbar disappears when the next page in the grid is loaded, cutting off the report. The horizontal scrollbar again appears though when I mouseover near the paging area of the grid or I click anywhere inside the grid. The scrollbar then remains . This seems to happen only on IE. In Firefox, the horizontal scrollbar never disappears. I do have the grid in the ajax setting. I am not sure what causes the scrollbar to disappear.
My page is inside a MasterPage
Any help would be appreciated.

Thanks

Splitter

answered on 07 Jul 2011

1 answer

94 views

Unable to come out of Edit mode after execution on Insert Command.

Hi,

I am using hierarchy grid to display data and also added Add new record option to insert an new row. I have set the Editmode-"In Place". After entering an new record and when i clicked the Update button. it is redirecting to server side InserCommand and i have return logic to insert this new record to database. But in the UI screen it still remains in the Edit mode, it is not coming into normal mode after execution.

Please find the below code.

 <telerik:RadGrid ID="radGridEngMemberAccess" runat="server" ShowStatusBar="true" AutoGenerateColumns="false" GridLines="None"  AllowMultiRowEdit="false"  >
               <MasterTableView DataKeyNames="JobID" AllowMultiColumnSorting="True"  Width="100%" CommandItemDisplay="None" AllowAutomaticDeletes="false" Name="CloseOutDetails"  >
               <CommandItemSettings ShowRefreshButton="false" />
                <DetailTables>
                    <telerik:GridTableView  Width="100%" runat="server" CommandItemDisplay="Bottom" Name="EngMemberDetails"  DataKeyNames="ID" EditMode="InPlace" >
                        <PagerStyle Mode="NextPrevAndNumeric" />
                        <CommandItemSettings AddNewRecordText="Add new user"   />
                        <Columns>
                         <telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn1" >
                         <HeaderStyle Width="30px" />
                                       <ItemStyle CssClass="MyImageButton" />
                         </telerik:GridEditCommandColumn>
                            <telerik:GridBoundColumn SortExpression="Name" HeaderText="User Name" HeaderButtonType="TextButton"
                                DataField="Name" UniqueName="colName">
                            </telerik:GridBoundColumn>
                              <telerik:GridDropDownColumn SortExpression="Role" HeaderText="Role" DataSourceID="XmlDataSource1"  HeaderButtonType="TextButton" ListTextField="Name" ListValueField="ID" DataField="Role" UniqueName="colRole" />
                             <telerik:GridCheckBoxColumn DataField="IsActive" HeaderText="IsActive" UniqueName="colIsActive"  HeaderStyle-Width="10%" />
                             <telerik:GridBoundColumn SortExpression="ID" HeaderText="ID" HeaderButtonType="TextButton" DataField="ID" UniqueName="ID" ReadOnly="true" Visible="false"/>
                             <telerik:GridButtonColumn ConfirmText="Do you wand to delete the user?" ButtonType="ImageButton"
                                CommandName="Delete" Text="Delete" UniqueName="DeleteColumn2">
                                <HeaderStyle Width="20px" />
                                <ItemStyle HorizontalAlign="Center" CssClass="MyImageButton" />
                            </telerik:GridButtonColumn>
                        </Columns>
                        <SortExpressions>
                            <telerik:GridSortExpression FieldName="Name"></telerik:GridSortExpression>
                        </SortExpressions>
                    </telerik:GridTableView>
                </DetailTables>
                <Columns >
                     <telerik:GridBoundColumn SortExpression="CloseOutName" HeaderText="CloseOut Name" HeaderButtonType="TextButton"
                        DataField="CloseOutName" >
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn SortExpression="CloseOutType" HeaderText="CloseOut Type" HeaderButtonType="TextButton"
                        DataField="CloseOutType" ReadOnly="true">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn SortExpression="JobID" HeaderText="JobID" HeaderButtonType="TextButton"
                        DataField="JobID" UniqueName="JobID" ReadOnly="true">
                    </telerik:GridBoundColumn>
                    <telerik:GridDateTimeColumn SortExpression="PeriodEndDate" HeaderText="PeriodEndDate" HeaderButtonType="TextButton"
                        DataField="PeriodEndDate" UniqueName="PeriodEndDate" DataFormatString="{0: MM/dd/yyyy}" ReadOnly="true">
                    </telerik:GridDateTimeColumn>
                  </Columns>
                  <HeaderStyle  BorderColor="Blue"  BackColor="Red"/>
                                 </MasterTableView>
        </telerik:RadGrid>

Grid

answered on 07 Jul 2011

2 answers

81 views

RadMenu child items are not displayed in ie7

Hello,

I have a problem.
The radmenu is displayed above the radexplorer of the radeditor control (Please view the attached image).
Here is my radmenu code:

<telerik:RadMenu ID="HeaderRadMenu" Flow="Horizontal" Skin="Outlook" style="z-index:0;" Width="100%" runat="server" >

</telerik:RadMenu>

if (!IsPostBack)

{

HeaderRadMenu.LoadContentFile("~/SecureSiteManagenment/Design/xml/HeaderMenu.xml");

}

Here is my radeditor control:

<telerik:RadEditor runat="server" ID="PContentRadEditor" Skin="Default" Height="500px" Width="100%"

Content='<%# DataBinder.Eval( Container, "DataItem.PContent") %>' ToolsFile="~/Common/Controls/RadEditor/xml/CustomFullSetOfToolsForSecureTables.xml"

DialogsCssFile="~/Common/Controls/RadEditor/RTLRadEditorStyle/RadEditor_Dialogs_RTL.css" ContentAreaCssFile="~/Common/Controls/RadEditor/RTLRadEditorStyle/EditorContentArea_RTL.css">

<Modules>

<telerik:EditorModule Visible="false" />

</Modules>

<ImageManager ViewPaths="~/Pages/Design/Contents/PagesContent" MaxUploadFileSize="10000000" DeletePaths="~/Pages/Design/Contents/PagesContent" UploadPaths="~/Pages/Design/Contents/PagesContent" />

<DocumentManager ViewPaths="~/Pages/Design/Contents/PagesContent" MaxUploadFileSize="100000000" DeletePaths="~/Pages/Design/Contents/PagesContent" UploadPaths="~/Pages/Design/Contents/PagesContent" />

<MediaManager ViewPaths="~/Pages/Design/Contents/PagesContent" MaxUploadFileSize="100000000" DeletePaths="~/Pages/Design/Contents/PagesContent" UploadPaths="~/Pages/Design/Contents/PagesContent" />

<FlashManager ViewPaths="~/Pages/Design/Contents/PagesContent" MaxUploadFileSize="100000000" DeletePaths="~/Pages/Design/Contents/PagesContent" UploadPaths="~/Pages/Design/Contents/PagesContent" />

<TemplateManager ViewPaths="~/Pages/Design/Contents/PagesContent" MaxUploadFileSize="100000000" DeletePaths="~/Pages/Design/Contents/PagesContent" UploadPaths="~/Pages/Design/Contents/PagesContent" />

</telerik:RadEditor>

If I set the z-index of the radmenu as "-1" istaed of "0". then the radexplorer hides the radmenu, but then, the user will be unable to display the child items of the radmenu.

Please, I need your help to solve this problem,
It is appreciated to send me the modified code:

Regards,
Bader

Menu

answered on 07 Jul 2011

2 answers

231 views

How to catch Keydown event?

hi ,
I need to catch the Ctrl button keydown event ......how to do that.....
Thanks.

Editor

answered on 07 Jul 2011

3 answers

119 views

Radwindow still opened when i refesh

Hello,i using Radwindow in itemCommand Event of RadGrid,i have a code

protected void RadGrid1_ItemCommand(object sender, Telerik.Web.UI.GridCommandEventArgs e)

{

string id= "";

try

{

if (e.CommandName == "xem")

{

id= e.CommandArgument.ToString();

RadWindow w = new RadWindow();

w.ID = "window";

w.VisibleOnPageLoad = true;

w.Skin = "Vista";

w.Height = 430;

w.Width = 600;

w.Title = "Thư Từ Ban Quản Trị Siêu Thị BIG C";

w.NavigateUrl = "~/noidung.aspx?id=" + id;

windowmanager.Windows.Clear();

windowmanager.Windows.Add(w);

}

catch (Exception ex)

{

lbloi.Text = ex.Message;

}

i don't know how to say but when i refesh web page,Radwindow still opened although i do not something else
Please Help Me
Thanks,
Trung Hiếu

Window

answered on 07 Jul 2011

1 answer

91 views

Updating items inside of an edit template

I'm sure the answer is out there, but my searches have not turned it up. Currently I have a RadGrid with a details table below it. Inside of that details table I have an EditFormsSettings.

<EditFormSettings EditFormType="Template">

<FormTemplate>

Select from combobox: <telerik:RadComboBox ID="ComboBox1" runat="server"

DataSourceID="edsSource" AutoPostBack="true"
OnSelectedIndexChanged="ComboBox1_SelectedIndexChanged"

DataTextField="Name" DataValueField="Id" />

<br />

Label: <asp:Label ID="Label1" runat="server" />

</FormTemplate>

</EditFormSettings>

Currently it loads fine, because I have the event on the main grid ItemDataBound look for a GridEditableItem and updates it appropriately.

What I want to do is whenever the SelectedIndex Changes on the combo box, I want to update the label inside of that edit template. How can i do this?

Thanks

Grid

answered on 07 Jul 2011

5 answers

240 views

Client side code "click"

Hello,

We need to simulate node click event on client side. We tried to use client side select() method, but this method does not cause postback, like expand() method for example.

Is there client side method that equivalent to user click action? Or may be there is a workaround for the problem?

Regards,
Olga

TreeView

answered on 07 Jul 2011

1 answer

112 views

Problem with embedded RadListView

We have the following code. At first we attempted to use a RadDataPager for the paging but the paging wasnt working. So i added asp buttons to see what is occuring the following error is returned:

Microsoft JScript runtime error: Sys.ArgumentException: Value must not be null for Controls and Behaviors.
Parameter name: element

I think the problem is that this RadListView is embedded within another RadListView (and some other server controls) further up the page. How can we get an embedded RadListView like this to page correctly?

Code is below.

Thanks

<asp:Panel ID="pnlMultiImagePreview" runat="server" Visible="false">

<asp:UpdatePanel ID="upMultiImagePreview" runat="server">

<ContentTemplate>

<telerik:RadListView ID="rlvMultiImagePreview" runat="server" DataKeyNames="PreviewImage" AllowPaging="true" ItemPlaceholderID="ImagesContainer" PageSize="1" >

<ItemTemplate>

<asp:Panel ID="pnlMultiImagePage" runat="server">

<asp:Image ID="imgMultiThumb" runat="server" ImageUrl='<%#Eval("PreviewImage")%>' CssClass="previewImage" />

</asp:Panel>

</ItemTemplate>

<LayoutTemplate>

<!-- Set the id of the wrapping container to match the CLIENT ID of the RadListView control to display the ajax loading panel           In case the listview is embedded in another server control, you will need to append the id of that server control -->

<fieldset id="rlvMultiImagePreview">

<legend>Images</legend>

<asp:PlaceHolder ID="ImagesContainer" runat="server" />

<div style="padding-left: 20%;">

<asp:Button runat="server" ID="btnFirst" CommandName="Page" CommandArgument="First"

Text="First" Enabled="<%#Container.CurrentPageIndex > 0 %>" />

<asp:Button runat="server" ID="btnPrev" CommandName="Page" CommandArgument="Prev"

Text="Prev" Enabled="<%#Container.CurrentPageIndex > 0 %>" />

<span style="vertical-align: top; position: relative; top: 4px">Page <%#Container.CurrentPageIndex + 1 %> of <%#Container.PageCount%> </span>

<asp:Button runat="server" ID="btnNext" CommandName="Page" CommandArgument="Next"

Text="Next" Enabled="<%#Container.CurrentPageIndex + 1 < Container.PageCount %>" />

<asp:Button runat="server" ID="btnLast" CommandName="Page" CommandArgument="Last"

Text="Last" Enabled="<%#Container.CurrentPageIndex + 1 < Container.PageCount %>" />

<br />

</div>

<div id="itemPlaceHolder" runat="server">

</div>

</fieldset>

</LayoutTemplate>

</telerik:RadListView>

</ContentTemplate>

</asp:UpdatePanel>

</asp:Panel>

ListView

answered on 06 Jul 2011

8 answers

225 views

Flashing cursor in Combo box

I have a combo box when the pull down is active for the selection, there is a flashing 'I' curson in the input field which implies that you can type in there - which you cant. I have set the Selectable value to false which is meant to stop people being able to select the content of the combo box (the 'I' tool is used to do that), but it remains selectable.

I have tried modifying the CSS to hide the cursor but that ofly affects the mouse over.
We are using Q42009.

Any ideas.
Doug

ComboBox

answered on 06 Jul 2011