Questions on UI for ASP.NET AJAX Forum

0 answers

71 views

POP UP window in formtemplate under editformsettings

Hi,

I am new to telerik controls
scenario
I am using formtemplate under editformsetting to generate the fields for insert and updating the records in grid. Alongside the textbox I have customized browse button in which end user select his choice of product and when he hits on complete button of popup, the item selected from the pop up grid should be displayed in the textbox.

I am unable to assign the value to textbox on close of the window(using AJAX update) as I am not able to get the ID of the same.

<td width="10%">

<asp:TextBox ID="ProductID" MaxLength="7" Width="200 px" Visible='<% # (Container as GridItem).OwnerTableView.IsItemInserted %>' runat="server">

</asp:TextBox>

</td>

<td width="75%">

<asp:Button ID="btnBrowse" runat="server" Text="..." OnClientClick="popUp('SelectProduct');return false;" />

</td>

Thanks

Grid

asked on 08 Aug 2011

1 answer

328 views

header height to big!

hi,
i need some help/recommendations on making the header height smaller.
it seems that when we are using static-header set to True, the header get to large.

i want the static header so can someone guide us in the right direction?.

here is some of our code:

<div style="position: absolute; top: 220px; left: 0px; right: 0px; bottom: 0px">
                    <telerik:RadGrid ID="gridGrid" runat="server" GridLines="None" AllowPaging="True"
                        AllowCustomPaging="True" Skin="Office2007" PageSize="5" AllowMultiRowSelection="True">
                        <MasterTableView DataKeyNames="Key" AlternatingItemStyle-BorderStyle="NotSet" RowIndicatorColumn-ItemStyle-VerticalAlign="Middle"
                            RowIndicatorColumn-Groupable="True" AllowFilteringByColumn="True" AllowMultiColumnSorting="True"
                            AllowSorting="True" EnableHeaderContextFilterMenu="True" EnableHeaderContextMenu="True"
                            RowIndicatorColumn-Display="False"

<ClientSettings AllowKeyboardNavigation="True" >

                            <Resizing AllowColumnResize="True" AllowRowResize="true" EnableRealTimeResize="True"/>
                            <Selecting AllowRowSelect="True" EnableDragToSelectRows="False" />
                            <Scrolling AllowScroll="true" UseStaticHeaders="true"/>
                        </ClientSettings>

Grid

answered on 08 Aug 2011

1 answer

170 views

Server side popup issue on a link button

i am running into a problem of returning a server side popup. here's my situation

1. I am having a grid with a edit command column as

<telerik:GridEditCommandColumn UniqueName="actions" EditText="Go" ButtonType="PushButton">

</telerik:GridEditCommandColumn>

2. the editform settings are

<Action:actions ID="something" runat="server" />

</FormTemplate>

</EditFormSettings>

3. on the click of of the go button the popup displays a user control

4. on the user control i am displaying a list of link buttons ( can use any of the buttons rad or asp)

5. on the click of the link on the popup i want to navigate to a url built on the code behind for each button.

prior to navigating to the url, i have to check if the some variables are valid or not for e.g.

if(x is true)

ask user a (some custom message as: this is the situation want to continue)

if user say yes navigate to the url otherwise do nothing or close the edit form popup.

the message is different for each linkbutton on the page.

I have tried few things nothing seems to be working (frustrated)
on the onclick of the link button, in the code behind:

1. tried using the scriptmanager in code behind as and call the confirmation method by passing in the messga parameter

string messgae = "some messagae"

ScriptManager.RegisterStartupScript(Page, Page.GetType(), "confirm", "confirmation('&message&')", true);

this returns object not defined errorsonce the link is clicked

2. tried

string message = "so ethnugsa";

Page.ClientScript.RegisterStartupScript(this.GetType(), "radConfirm", "radConfirm('"message"', 200,200);", true);

not displaying any popup???? and am not sure even if it displays how would i be restricting the user to not navigate on cancel or No click on the popup.

helppppppp

Button

answered on 08 Aug 2011

1 answer

95 views

data editing

Hi,

I've created an onneeddatasource by double clicking the radgrid and this creates a code behind event that work nicely.

I also need to create an update and insert event in the code behind. Writing directly into the ASPX 'source' seems to fail since the events never fire in the code behind. Please tell me the way to use design mode to create an update and insert event on the code behind.

thanks,
Minh Bui

Grid

answered on 08 Aug 2011

1 answer

102 views

2 stored proc bind a single grid

hi

I have 2 stored proc and i need to bind the result of 2 Proc into a single Radgrid. How should i go about it? thanks

Grid

answered on 08 Aug 2011

1 answer

98 views

combobox problem

hi i new to telerik. i added the RadComboBox with autocomplete to my website
its working perfect on Firefox but in chrome and internet explorer its not working.

ComboBox

answered on 08 Aug 2011

2 answers

95 views

Problem with a Combo of IE/FormDecorator/Splitter

Hi.

As mentioned in the title i have a problem with a combination of the 3 - Internet Explorer (tested with 8 and 9), FormDecorator and Splitter.
Its hard to explain, so i hope you guys will test it. But i give my best...

In my sample Page i have a RadSplitter with 2 panes. RadSplitter is in 100% height mode. So the necessary stlying for Html, Body, Form is applied. As well as all the settings needed for RadSplitter i have found at this page: (Without the Margin/Offset Stuff)
http://www.telerik.com/support/kb/aspnet-ajax/splitter/radsplitter-which-is-100-of-the-page-and-has-margin-applied.aspx

In the Bottom Pane i am loading several DropDownLists with the styling applied from FormDecorator.
You will notice that the DropDownLists have a rather large width for the amount kind of Data they have, thats because i wanted them to be placed under each other. So that a scrollbar appears in the bottom pane, this scrollbar is very important to this problem, so when you are testing this application resize your browser window so that you have a scrollbar.

Now that you have this test page running, and you can see it. Do some scrolling with the scrollbar... Then try to open a dropdownlist, the second you click on the dropdownlist the position jumps to the very bottom of the page. So that you arent able to see the dropdownlist at all, its like the html container suddendly got a padding of the amount you have scroll down the page and you can now see the very bottom of the html container that is blank...

So... I dont really believe you have understood the problem (as long as you havent tested it yourself), so i hope some screenshots will help:
1.) http://s1.directupload.net/file/d/2593/77pu5nm7_jpg.htm

2.) http://s7.directupload.net/file/d/2593/8srp3r5g_jpg.htm

3.) http://s1.directupload.net/file/d/2593/kjtwzdmy_jpg.htm

Hope you understood the problem and can help me fix it. I cannot use RadComboBox because it renders to slow for the amount i have in my application, so i am hoping for a fix that works with this combination Internet Explorer, FormDecorator and DropDownList.

Here is the TestPage:
Aspx File

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<style type="text/css">

html, body, form

{

height: 100%;

overflow: hidden;

padding: 0%;

margin: 0%;

}

</style>

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="ScriptManager" runat="server">

</telerik:RadScriptManager>

<telerik:RadFormDecorator ID="RadFormDecorator45" runat="server" EnableRoundedCorners="false" DecoratedControls="Select" />

<telerik:RadSkinManager ID="RadSkinManager1" runat="server" Skin="Hay">

</telerik:RadSkinManager>

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

</telerik:RadAjaxManager>

<telerik:RadSplitter ID="RadSplitter1" runat="server" Width="100%" Height="100%"

Orientation="Horizontal">

<telerik:RadPane ID="RadPane1" runat="server">

Head Stuff...

</telerik:RadPane>

<telerik:RadPane ID="RadPane2" runat="server" >

</telerik:RadPane>

</telerik:RadSplitter>

</form>

</body>

</html>

C# File

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Data;

using Telerik.Web.UI;

public partial class WebForm1 : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

DataTable dtTest = new DataTable();

dtTest.Columns.Add("Value");

dtTest.Columns.Add("Text");

for (int i = 0; i < 20; i++)

{

DataRow dr = dtTest.NewRow();

dr["Value"] = i;

dr["Text"] = i;

dtTest.Rows.Add(dr);

}

for (int i = 0; i < 100; i++)

{

//RadComboBox ddlTest = new RadComboBox(); - Works fine..

DropDownList ddlTest = new DropDownList();

ddlTest.ID = Convert.ToString(i);

ddlTest.DataValueField = "Value";

ddlTest.DataTextField = "Text";

ddlTest.Style.Add("width", "500px");

ddlTest.DataSource = dtTest;

ddlTest.DataBind();

RadPane2.Controls.Add(ddlTest);

}

FormDecorator

answered on 08 Aug 2011

3 answers

153 views

ScriptManager eating my javascript?

I have a really simple scenario for a menu using the MooTools framework. Everything works perfect until I add a RadScriptManager to support the use of a RadGrid.

My first line of script fires the menu to run the animation, but even though I have added references to the JS files I'm using, it still refuses to work with the ScriptManager on the page.

Where am I going wrong?

                    <script type="text/javascript">    default_accordion_id = 0;</script>         
                     
                <telerik:RadScriptManager ID="RadScriptManager1" runat="server">         
                    <Scripts>         
                        <asp:ScriptReference Path="~/JS/script.js" />         
                        <asp:ScriptReference Path="~/JS/mootools.v1.11.js" />         
                    </Scripts>         
                </telerik:RadScriptManager>         

Thanks.

General Discussions

answered on 08 Aug 2011

3 answers

108 views

BR tags being trimmed when switching between modes

Hi there,

I'm having a problem with <br /> tags being trimmed switching between design and html view. I upgraded to the latest version (2011.1.413.35) and it's still happening. Basically if I have html where the <br /> is inline with a <p> tag it will get trimmed off. So If you start off by inputing this into the editor:

<p ><br /><br /><br /><br /><br />

Testing 1

2

3

</p>

Then if you switch to design mode and back you will get this:

<p ><br />

<br />

Testing 1

2

3

</p>

So one of the <br /> tags got trimmed off. If you switch between views again you get this:

<p>

<br />

Testing 1

2

3

</p>

Now it will stop trimming the <br /> when you switch between modes since it's not inline with the <p> tag. But if you manually move those 3 existing <br /> tags up to inline with the <p> tag it will continue to trim. I tried turning off all content filters and it does the same thing.

Thanks for your help.

Brian

Editor

answered on 08 Aug 2011

1 answer

110 views

Numeric column too wide

Hi,

I've created some numeric column and tried various ways to make the field smaller....I'm unable to accomplish regardless of the item, header, and footer width change...this happens for all of the numeric field. please help.

<

telerik:GridNumericColumn DecimalDigits="2"

FilterControlAltText="Filter ShutInPressure column"

HeaderText="Shut In Pressure (psig)" UniqueName="ShutInPressure" DataField="Shut_In_Pressure">