Questions on UI for ASP.NET AJAX Forum

1 answer

112 views

I have a FileExplorer component I have placed inside a JQuery Collapsible Accordion (Width to Content and Auto Height). When the component renders the sliding of the splitter produces odd width setting on the details grid on the right. The following is the behavior I have identified.

1) The component appears to render and size properly to the fixed width and height I specify when the page initially loads.
2) When the splitter is slide the details grid reduces in size from around 400 px to about 3 px.

The results are similar to the screen shown in this thread:
http://www.telerik.com/community/forums/aspnet-ajax/file-explorer/set-height-to-100-problem.aspx

I am using JQuery UI 1.10.1 components

What I have tried to resolve it
1) Played with the width settings (percentage and px)
2) Played with writing javascript to force the width of the details grid - don't really like this solution.

Thanks
Jeff Swisher

FileExplorer

answered on 20 Mar 2013

1 answer

176 views

SelectedItems are not showing on server side

I have a grid setup so that I can select multiple rows using a GridClientSelectColumn... however, if I select several columns and post back to the server, when I access the selectedItems property of my radgrid, its empty.

Here is the definition of my grid and the server side code that I'm using to access the selected items.

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

<br/>

<telerik:RadComboBox ID="ppaPackages" DataSourceID="eSignPackagesListSql" DataTextField="epkgName"

runat="server" EmptyMessage="Choose a package" MarkFirstMatch="True"

EnableLoadOnDemand="True" DataValueField="epkgId"/>

<telerik:RadButton ID="addPPAContract" runat="server" Text="Add Contract" OnClientClicked="CheckSelectedPackage()"

onclick="addPPAContractButton_Click" />

<asp:Label runat="server" ID="errorMessage" ForeColor="Red" Text="" Visible="False"/>

<br/>

<telerik:RadGrid ID="ppaGrid" runat="server" AutoGenerateEditColumn="True"

CellSpacing="0" GridLines="None" Skin="Hay" AllowMultiRowSelection="True" ShowFooter="True"

OnNeedDataSource="ppaGrid_NeedDataSource" OnUpdateCommand="ppaGrid_UpdateCommand">

<ClientSettings>

<Selecting AllowRowSelect="True" UseClientSelectColumnOnly="True"/>

<Scrolling AllowScroll="True" ScrollHeight="600px" SaveScrollPosition="True" UseStaticHeaders="True"/>

</ClientSettings>

<MasterTableView AutoGenerateColumns="False" TableLayout="Fixed" DataKeyNames="ppaId,idorg,oid" AllowFilteringByColumn="True" >

<Columns>

<telerik:GridClientSelectColumn Reorderable="False" Resizable="False" UniqueName="selectCol"

HeaderStyle-Width="35px" ItemStyle-Width="35px"/>

here is the server side code...

protected void addPPAContractButton_Click(object sender, EventArgs e)

{

var pkgId = Convert.ToInt32(ppaPackages.SelectedValue);

if (ppaGrid.SelectedItems.Count > 0)

{

foreach (GridDataItem item in ppaGrid.SelectedItems)

{

var merged = item["mergedCb"].Text;

var oid = Convert.ToInt32(item["oid"].Text);

var did = Convert.ToInt32(item["did"].Text);

var email = item["DocEmail"].Text;

item.Selected = false;

}

I'm at a loss on why these selected items are not showing up.. any assistance would be greatly appreciated.

Grid

answered on 20 Mar 2013

2 answers

156 views

RadGrid inside user control - events not firing

Hi,

I have a RadGrid that sits inside an asp.net user control, with support for updating items via the grid. This all works perfectly when I add the grid in markup, however, when I add the user control programmatically to a form, the item updated event does not fire, and I am therefore unable to persist any user changes from the grid.

There are no differences other than how the grid is initially declared. Is this an asp.net issue related to user controls, or is there a known issue for RadGrids?

Thanks

Grid

answered on 20 Mar 2013

3 answers

291 views

Disable ComboBox with JavaScript / Style Lost?

Hello,

I use a RadComboBox in my web application. I need to disable it at a certain point using JavaScript. I referred to the Client-API on your site where you said this can be accomplished with "combo.disable()" statement.

I used this statement. However, I noticed that the combobox border has kind of disappeared; it's like it turned to a label with the selected field as text. I'd like to be able to get the combobox disabled using JavaScript but without loosing the "rcbDisabled" style from the component. I tried to disable it in the codebehind and in the markup and it showed the desired behavior. But I need to achieve the same result in JavaScript. Recommendations?

Screenshots attached to showcase:
* Enabled: to show the enabled version [Skin = Windows7].
* JavaScriptDisabled: showing the weird result I got with JavaScript's "combo.disable()"
* Markup_CodebehindDisabled: showing the desired behavior I'd like to get but using JavaScript.

Thanks!

ComboBox

answered on 20 Mar 2013

1 answer

83 views

No more _text in the rendered control?

Telerik version: 2012.3.1308.40

Hopefully this question hasn't been answered already. I searched but couldn't find anything.

Our RadMaskedTextBoxes no longer render with the _text on the inner <input element. Like in this example:

<span style="width: 100px;" class="riSingle RadInput RadInput_Default" id="ctl00_cphMasterAjax_ucPhone_rlvEdit_ctrl0_rmtbDomesticPhoneNumber_wrapper">

<input type="text" value="(515) 555-5555" controlid="ctl00_cphMasterAjax_ucPhone_rlvEdit_ctrl0_rmtbDomesticPhoneNumber" class="riTextBox riEnabled" size="15" name="ctl00$cphMasterAjax$ucPhone$rlvEdit$ctrl0$rmtbDomesticPhoneNumber" id="ctl00_cphMasterAjax_ucPhone_rlvEdit_ctrl0_rmtbDomesticPhoneNumber">

<input type="hidden" name="ctl00_cphMasterAjax_ucPhone_rlvEdit_ctrl0_rmtbDomesticPhoneNumber_ClientState" id="ctl00_cphMasterAjax_ucPhone_rlvEdit_ctrl0_rmtbDomesticPhoneNumber_ClientState" autocomplete="off" value=

"{"enabled":true,"emptyMessage":"","validationText":"(515) 555-5555","valueAsString":"(515) 555-5555","valueWithPromptAndLiterals":"(515) 555-0001"}"

>

</span>

I'm sure that prior to updating to the latest version the ID of the control would have rendered as such:
id="ctl00_cphMasterAjax_ucPhone_rlvEdit_ctrl0_rmtbDomesticPhoneNumber_text"

Either of these scenarios are possible:
a) The product (Telerik) has changed
b) Someone working on our product (we are a large team) modified some global setting somewhere and has broken things.
c) I'm officially nuts.

We have a lot of JavaScript that is no longer working, so I don't think that the answer is C. And because when I look at your online demos I see the same thing I think it goes back to A being the culprit.

Can anyone shed any light on this?

Thanks!
Thad

Input

answered on 20 Mar 2013

7 answers

87 views

YAxis Extended mode bug

When the smallest values of my series are 0 then the YAxis is not extended as expected even if it's not zero based and AutoScale set to true. To test, I changed the values that were at 0 to be -10 and then the YAxis is extended to make sure values are shown. I attached an image to show the bug.

Chart (Obsolete)

answered on 20 Mar 2013

5 answers

277 views

Retrieving the url of GridEditCommandColumn image

Hello,

I have an image button on my page and I would like its image to match with the GridEditCommandColumn's one (which is based on the theme).

Is there any way to achieve this ?

Thanks !

Grid

answered on 20 Mar 2013

0 answers

120 views

RadToolTipManager AutoTooltipify Button Issues

Update: Disregard this post, I've since fixed the issue.

I'm using a RadToolTipManager on my master page with AutoTooltipify="False". Even though the feature is turned off a RadToolTip is still being displayed for asp:ImageButton and asp:Button elements on the website. I'm using the RadToolTipManager in my code by dynamically adding RadTab items to the TargetControls collection of the RadToolTipManager instance on the master page.

 <telerik:RadToolTipManager ID="PortalNavigationRadToolTipManager" AutoTooltipify="False" RegisterWithScriptManager="True"
              Width="455" Height="130" HideEvent="LeaveTargetAndToolTip" EnableEmbeddedSkins="True" ContentScrolling="Default" 
              Position="BottomRight" RelativeTo="Mouse" OffsetY="20"  runat="server"></telerik:RadToolTipManager>

ToolTip

asked on 20 Mar 2013

2 answers

112 views

Localization of filtering in PivotGrid

Hello,
I´ve beein using PivotGrid since it's beta fase and I´ve localized it for portuguese and spanish.
You've been doind a realy good job and I want to proceed using it!
Users love the tool but now I want to update my app and don´t know how to translate the new features included, such as the filtering options. Is there any resx file (like radfilter)... or will i need to use jquery for that?
Thanks for any help on the subject!

PivotGrid

answered on 20 Mar 2013

3 answers

225 views

Radeditor background color

Hi,

I have RadEditor control in my application. It had white background initially. I had used a directive @import to have default background of Telerik i.e. white. This is because Telerik ignored out styles of gray background. Now, I happened to switch over to the <link>. So it seems like the background is now gray instead.

Any idea on this?

UI for ASP.NET AJAX in ASP.NET MVC

answered on 20 Mar 2013