Questions on UI for ASP.NET AJAX Forum

5 answers

179 views

RadTextBox width changes on hover when decorated with RadFormDecorator (Q3 2011)

I have a page with an edit form on it and this has some RadTextBox and RadNumericTextBox controls. The page uses a master page that has a RadFormDecorator declared on it and is set to decorate Textbox controls. RadTextBox controls are set to a width of 300px.
The problem i have noticed is that when the page loads and i click a button to show me a edit form (the edit form is set to visible = true) all the RadTextBox controls have a width set to 294px but when i hover over a control its width is resets to 300px. All this makes the form look bad because every time the user hovers over any of the RadTextBox controls it changes its size and changes the look of the form.
All this only hapend if the page uses AJAX to update controls.

If i include an ASP Textbox control on the page an set its width in markup to 300px it renders as 294px when i open my form but it doesn't suffer from the same resizing on hover as the RadTextBox does.

If i change the RadFormDecorator not to decorate Textbox controls the problem goes away and all the TextBox controls are rendered with a width of 300px.
As said the problem appeared when upgrading to Q3 2011 release. If i go back to using Q2 2011 release the problem goes away.

FormDecorator

answered on 03 Feb 2012

3 answers

161 views

Drag and drop with radGrid

Hi,
How can I do a drag and drop from a cell in a radgrid to another cell of the same grid?
Thanks

Grid

answered on 03 Feb 2012

2 answers

122 views

dynamic date header change ASAP

amm getting dates as 01-01-2012 02-01-2012 03-01-2012 04-01-2012 . . .. . . ..dynamically as headers in grid from directly binding with sp

am getting data as

name type blck 01-01-2012 02-01-2012 03-01-2012 04-01-2012 . ... HEADERS

I WANT

Name type blck 01 02 03 04. ... as HEADERS

<telerik:RadGrid ID="grdBlock" runat="server" GridLines="None" AllowFilteringByColumn="False"

AllowPaging="False" AllowSorting="False" AutoGenerateColumns="true" PageSize="25"

OnNeedDataSource="grdBlock_NeedDataSource" Skin="Office2007" CellSpacing="1"

Width="900px" EnableLinqExpressions="false" >

<GroupingSettings CaseSensitive="false" />

<ExportSettings HideStructureColumns="true" IgnorePaging="true" FileName="Block"

ExportOnlyData="true" OpenInNewWindow="true">

<Excel Format="ExcelML" />

</ExportSettings>

<MasterTableView CommandItemDisplay="Top" AllowMultiColumnSorting="true" FilterItemStyle-HorizontalAlign="Center">

<CommandItemSettings ShowExportToExcelButton="true" ShowExportToWordButton="false"

ShowExportToPdfButton="false" ShowAddNewRecordButton="false" ShowRefreshButton="false" >

</CommandItemSettings>

<Columns >

</Columns>

</MasterTableView>

<ClientSettings>

<Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="True">

</Scrolling>

</ClientSettings>

</telerik:RadGrid

>









my cs code is

 protected void grdBlock_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)

        {



            DataSet result = new DataSet();

            BLEmployee bl_emp = new BLEmployee();

            PropertyEmployeeMaster prop_emp = new PropertyEmployeeMaster();

            try

            {



                prop_emp.Employee_Id = Convert.ToDecimal(ddlEmployeeName.SelectedItem.Value);



                DateTime selectedDate = RadMonthYearPicker1.SelectedDate.Value;

                DateTime startDate = selectedDate.AddDays((selectedDate.Day - 1) * -1);

                DateTime endDate = startDate.AddDays(DateTime.DaysInMonth(startDate.Year, startDate.Month) - 1);



              

                prop_emp.start_date = Convert.ToDateTime(startDate);

                prop_emp.end_date = Convert.ToDateTime(endDate);



               



                result = bl_emp.ReportMonthlyBlock(prop_emp);



                result = bl_emp.ReportMonthlyBlock(prop_emp);

                

}

Grid

answered on 03 Feb 2012

1 answer

205 views

ComboBox with Treeview copy values from one combobox to the other

I have 2 combo boxes with treeviews in them for a States drop down list and when I click a button, I would like the first combobox to copy the value and text to the second one as well as select the appropriate node and expand to it if needed. The combo box is a list of states and then the only parent is Territories which then shows the US territories. The code I have is as follows.

My markup is as follows...

function nodeClicking(sender, args) {

var temp = sender._clientStateFieldID.split('_');

if (temp.length >= 1) {

var name = temp[0];

var comboBox = $find(name);

var node = args.get_node();

comboBox.set_text(node.get_text());

comboBox.trackChanges();

comboBox.get_items().getItem(0).set_text(node.get_text());

comboBox.get_items().getItem(0).set_value(node.get_value());

comboBox.commitChanges();

comboBox.hideDropDown();

}

<div style="width: 100%;">

<tk:RadComboBox ID="rcbState" runat="server" Width="250px" ShowToggleImage="true" EmptyMessage="Choose a State"

HighlightTemplatedItems="true" style="vertical-align: middle;" >

<ItemTemplate>

<div id="div1">

<tk:RadTreeView ID="rtvState" runat="server" OnClientNodeClicking="nodeClicking">

<DataBindings>

<tk:RadTreeNodeBinding Expanded="false" />

</DataBindings>

</tk:RadTreeView>

</div>

</ItemTemplate>

<Items>

<telerik:RadComboBoxItem Text="" />

</Items>

</tk:RadComboBox>

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

</div>

<div>

<tk:RadComboBox ID="rcbState2" runat="server" Width="250px" ShowToggleImage="true" EmptyMessage="Choose a State"

HighlightTemplatedItems="true" style="vertical-align: middle;" >

<ItemTemplate>

<div id="div1">

<tk:RadTreeView ID="rtvState2" runat="server" OnClientNodeClicking="nodeClicking">

<DataBindings>

<tk:RadTreeNodeBinding Expanded="false" />

</DataBindings>

</tk:RadTreeView>

</div>

</ItemTemplate>

<Items>

<telerik:RadComboBoxItem Text="" />

</Items>

</tk:RadComboBox>

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

</div>

<div>

<tk:RadButton ID="btnTest" runat="server" Text="Submit" OnClick="btnTest_Click" />

</div>

Then code behind is...

protected void btnTest_Click(object sender, EventArgs e)

{

string text = rcbState.SelectedItem.Text;

string value = rcbState.SelectedItem.Value;

lblTest.Text = "Name = " + text + ", ID = " + value;

rcbState2.Text = text;

RadTreeView rtv2 = rcbState2.Items[0].FindControl("rtvState2") as RadTreeView;

(rtv2.Nodes.FindNodeByValue(value)).Expanded = true;

if (rcbState2.SelectedItem != null)

{

lblTest2.Text = rcbState2.SelectedItem.Text;

lblTest2.Text = rcbState2.SelectedItem.Value;

}

I'm having 2 problems... 1 is when i click the button the first time it'll get the text and value from the combo box but on the second time around it's null. 2 is I can't get the second state combobox to set the text and value and the selected item value.

ComboBox

answered on 03 Feb 2012

2 answers

134 views

[Solved] RadcomboBox cascading with Load on demand with WCF

Hi,

Could you please let me know any sample code or demo Cascading RadComboBoxes with Load on Demand. I would like to load both RadComboBoxes using WCF service.

Thank you..

ComboBox

answered on 03 Feb 2012

1 answer

102 views

Can't load VSB skin in asp.net project

Hi!

I'm using Telerik ASP.NET 2011 Q3 / VS 2008 / NET 3.5

I'm used VSB to create my custom skin and export in ZIP format.

Anyone please tell me the instruction on how to use it in ASP.NET Web Application.

I had config the following

In web.config
<appSettings>
   <add key="Telerik.EnabledEmbeddedSkins" value="false"/>
   <add key="Telerik.Skin" value="XXX"/>
  </appSettings>

I put the skin resource in App_Themes > XXX > Resource File

It not giving any error but all the controls isn't apply skin.

Visual Style Builder

answered on 03 Feb 2012

3 answers

275 views

How to block the tab key in rad editor

I am using editor.

I need to restrict the user to modify the content of editor based on some condition

so, i block the editor by onkeydown event.

editor.attachEventHandler("onkeydown", function (e) {

keepGoing = true;

var keyCode = ('which' in e) ? e.which : e.keyCode;

edittingKey = (keyCode == 8 /*backspace*/) || (keyCode == 46 /*delete*/) || (keyCode == 9 /*tab*/);

if (edittingKey) {

keepGoing = false;

}

return keepGoing;

});

i need to this in IE(. it works well for delete and back space. but not work in tab key.

it event is fired on pressing tab key, my code return false also.
but, editor shows the tab space between two letters, if the user press tab between two letters.

i need to avoid this.

Thanks,
Uma

Editor

answered on 03 Feb 2012

1 answer

83 views

[Solved] Error with legend in chart

Hi developers, I'm using a chart control for asp.net 1.1 (yes, is very old) and I have a problem with the legend, I need show it in the bottom, but the legend appear over the chart, I already review all the properties but I can't found how.

Please help me. Thanks

Chart (Obsolete)

answered on 03 Feb 2012

5 answers

128 views

GridBoundColumn Assign links to data items

Hi,

I want to display GridBoundColumns as links for my radgrid. I want to perform this operation at runtime. Is there any way to do this?

Regards,
Mahesh

Grid

answered on 03 Feb 2012

1 answer

95 views

RadTreeview -Selected nodes value in the new window which is open by window.open -URGENT

Hi,

I have a radtreeview in aspx page .it has 5 nodes and each nodes have 3 children.
In the same window I have a button .
I have checked some of the in the nodes in the treeview.

When I click on the button a new window will be opened.
How to get these selected nodes values in the newly opened window?
My aim is to create a Telerik report on the newly opened window based on the selected nodes in the radtreeview.
How to achieve my aim?

Thanks

Sindu.

TreeView

answered on 03 Feb 2012