Questions on UI for ASP.NET AJAX Forum

2 answers

176 views

All,

I created a new skin using the Telerik Visual Style Builder and I'm trying to implement it on my ComboBox. My skin is called Test and it's in a file called ComboBox.Test.css. Here's the code I have for the combobox:

<telerik:RadComboBox ID="rdCmbBoxQFind" runat="server" EnableEmbeddedSkins="false" CssClass="Test"

MarkFirstMatch="false" EnableLoadOnDemand="true" DropDownWidth="725px" OffsetX="-567" EnableItemCaching="true" AutoPostBack="false" EmptyMessage="Enter Name or Acronym"

MaxLength="130" ShowToggleImage="false" ShowDropDownOnTextboxClick="true" OnClientBlur="QFOnClientBlur" OnClientTextChange="QFOnClientTextChange"

EnableTextSelection="false" OnClientItemsRequesting="QFOnClientItemsRequesting" OnClientItemsRequested="QFOnClientItemsRequested" OnClientItemsRequestFailed="QFOnClientItemsRequestFailed"

ChangeTextOnKeyBoardNavigation="false" OnClientSelectedIndexChanged="QFOnClientSelectedIndexChanged" OnClientSelectedIndexChanging="QFOnClientSelectedIndexChanging" OnClientDropDownClosing="QFOppClick"

OnClientKeyPressing="QFOnClientKeyPressing">

<HeaderTemplate>No result(s) found.</HeaderTemplate>

</telerik:RadComboBox>

Here are the issues I'm running into:

1. I can't seem to figure out where to register my css file and have it actually render to the page. My combobox is on it's own control page, which is then embedded into another control, which goes onto a page which uses a master page. So where should I register the css? I say that almost rhetorically, because I've registered it on every page I just mentioned and it doesn't show up on the rendered page (I'm checking for it using IE Developer Toolbar).

2. Also, when I look at the classes assigned to the combobox in IE Dev Toolbar, it's showing three classes: RadComboBox, RadComboBox_Default, and Test (I've also tried RadComboBox_Test to no avail). Why is Default showing up? I can't figure that out for the life of me.

Any help would be greatly appreciated.
-Luke

ComboBox

answered on 19 Nov 2010

2 answers

99 views

PanelBar not responding to use of down arrow

All,

I'm having an issue with my PanelBar not responding when a user uses the down arrow key. What happens when a row is highlighted is another panel is displayed showing details of the row. Here's the description of the issue from my user:

1. It does not seem like the quickfind additional information service is being called when using the down arrow key. After I perform a search and results are returned I use the down arrow to scroll through the data and the addtl info box is not updating. If I use the up arrow it looks to be working correctly.

And here's my code:

<telerik:RadComboBox ID="rdCmbBoxQFind" runat="server" Skin="Custom" EnableEmbeddedSkins="false" CssClass="Custom"

MarkFirstMatch="false" EnableLoadOnDemand="true" DropDownWidth="725px" OffsetX="-567" EnableItemCaching="true" AutoPostBack="false" EmptyMessage="Enter Name or Acronym"

MaxLength="130" ShowToggleImage="false" ShowDropDownOnTextboxClick="true" OnClientBlur="QFOnClientBlur" OnClientTextChange="QFOnClientTextChange"

EnableTextSelection="false" OnClientItemsRequesting="QFOnClientItemsRequesting" OnClientItemsRequested="QFOnClientItemsRequested" OnClientItemsRequestFailed="QFOnClientItemsRequestFailed"

ChangeTextOnKeyBoardNavigation="false" OnClientSelectedIndexChanged="QFOnClientSelectedIndexChanged" OnClientSelectedIndexChanging="QFOnClientSelectedIndexChanging" OnClientDropDownClosing="QFOppClick"

OnClientKeyPressing="QFOnClientKeyPressing">

<WebServiceSettings Path="~/WS/QuickFind.asmx" Method="GetData" />

<HeaderTemplate>No result(s) found.</HeaderTemplate>

</telerik:RadComboBox>

There is no code in the .cs file for this control.

Am I missing something in my code?
-Luke

PanelBar

answered on 19 Nov 2010

3 answers

104 views

Filter won't apply during startup

<telerik:GridBoundColumn DataField="CurrentPaymentOrCharge"

DataType="System.Decimal" HeaderText="Current Payment Or Charge"

SortExpression="CurrentPaymentOrCharge"

UniqueName="CurrentPaymentOrCharge" DataFormatString="{0:C}" CurrentFilterFunction="NotEqualTo" CurrentFilterValue="0">

</telerik:GridBoundColumn>

This is the code for a column I have in my grid. On startup the value is in the filter field and drop down list is defaulted to "not equal to". However on startup the filter is not applied as the default. is there another variable that must be set in order for this filter to be applied on start up or initialization?

Regards.

Grid

answered on 19 Nov 2010

4 answers

79 views

IE 6.0 position defaults to MiddleLeft

the Tooltip works great in all browsers except IE 6.0, even though i set the Position to MiddleRight, it displays on MiddleLeft in IE6.0

IE7.0,IE8.0,Firefox,Chrome,Safari position is MiddleRight, no issues there.

IE6.0 MiddleLeft is the issue

<%@ Page Title="" Language="C#" MasterPageFile="~/OCM.master" AutoEventWireup="true" CodeFile="OCM_ProviderWelcome.aspx.cs" Inherits="OCM_ProviderWelcome" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

<div class="ContentTop">

<br/>

<div class="BreadCrumb">

<div class="GreenBreadCrumb">Provider Information</div>

<div class="BreadCrumbSep"> </div>

<div class="BlueBreadCrumb">Member Information</div>

<div class="BreadCrumbSep"> </div>

<div class="BlueBreadCrumb">Confirmation</div>

</div>

<div style="clear:both;"/>

<table class="ContentWrapper">

<tr>

<td class="ContentLeft">

<table cellpadding="0" cellspacing="0" border="0" class="ContentCenter">

<tr>

<td class="ContentCenter">

<div style="clear:both;"></div><br/>

<script type="text/javascript">

// We need to keep the last tooltip with ShowEvent="OnFocus", as it might be closed

// by the time the beforeunload event fires, but its target element might still have the

// focus.

var lastActiveToolTip = null;

function OnClientShow(sender, args) {

lastActiveToolTip = sender;

}

// When ShowEvent="OnFocus", the RadToolTip handles the blur event of the target element.

// In case you set the focus on that element, e.g. click inside one of the TextBoxes,

// and then immediately close the browser window, the blur event is fired before the

// unload. Therefore, the framework tries to execute all handlers for the blur event.

// However, at this point the document may have unloaded and we will get an "Unspecified error".

// As the code that handles this is part of the ajax framework, we can workaround the problem

// in the beforeunload handler - detach the handlers for the active tooltip.

function beforeunload() {

var activeTooltip = Telerik.Web.UI.RadToolTip.getCurrent();

if (!activeTooltip) activeTooltip = lastActiveToolTip;

if (activeTooltip) {

var targetElement = activeTooltip.get_targetControl();

activeTooltip._registerMouseHandlers(targetElement, false);

}

};

if (Sys.Browser.agent == Sys.Browser.InternetExplorer) {

window.attachEvent('onbeforeunload', beforeunload);

}

function Hilite(me, focus) {

me.style.backgroundColor = false != focus ? "#ffffcc" : "white";

}

</script>

<telerik:RadToolTipManager runat="server" ID="RadToolTip5" EnableShadow="true"

ShowEvent="OnFocus"

OnClientShow="OnClientShow"

Skin="Sitefinity"

ShowDelay="200"

AutoCloseDelay="5000"

Width="300px"

Animation="Resize"

Position="MiddleRight"

RelativeTo="Element">

<TargetControls>

<telerik:ToolTipTargetControl TargetControlID="txtTaxID" />

</TargetControls>

</telerik:RadToolTipManager>

<div class="Form">

<div class="Elements">

<p class="ElementLabel">

Horizon Blue Cross Blue Shield of New Jersey is very excited to present to you, as a provider, the opportunity to select a member to join your Oncology Care Model (OCM) available through <

a href="http://www.horizonhealthcareinnovations.com/" target="_blank" class="BodyLink">Horizon Healthcare Innovations</a

>.  The OCM is a specialty care model that will help your Horizon BCBSNJ patients navigate the health care system and allow them to take greater control of their health and wellness.

<br/><br/>

We encourage you to select a member for your OCM now. Please enter your Tax ID number below. You then will be asked to select a member to join your OCM.

</p><br/>

</div>

<div style="clear:both;"></div>

<div class="SectionHeader">

Enter your Tax ID Number

</div>

<div class="Elements">

<div class="ThreeCols"><span class="ElementLabel"><span class="RequiredField">*</span>Tax Identification Number</span></div>

<div style="clear:both;"></div>

<div class="IE7_Dummy">

<div class="ThreeCols">

<asp:TextBox CssClass="ResetTextBox" ID="txtTaxID" onfocus="Hilite(this)" onblur="Hilite(this, false)" TabIndex="1" runat="server" MaxLength="9"

ToolTip="Enter your nine-digit Tax ID Number in this format: 123456789"></asp:TextBox>

</div>

<div style="clear:both;"></div><br/>

</div>

<asp:PlaceHolder runat="server" ID="phError" Visible="false" /> <br/>

<asp:Label runat="server" ID="lblTaxIDError" Visible="true" CssClass="RequiredField"/><br/>

</div>

</td>

</tr>

</table>

</td>

<td class="ContentRight"><img src="images/dummy.gif" alt="" border="0" /></td>

</tr>

</table>

<div class="OneButtonFooter">

<div>

<div class="LeftButton"></div>

<asp:LinkButton runat="server" ID="lnkButton2" Style="text-decoration:none;" onclick="btnNext_Click"><div class="RightButton"><span class="ButtonText">NEXT >></span></div></asp:LinkButton>

</div>

</asp:Content>

it is even worse when the screen resolution is less than 1200, then it moves well onto the form field, see screen shot attached

ToolTip

answered on 19 Nov 2010

3 answers

100 views

Advanced Grid Exporting to Excel

Hi there,

I have basic grid exporting functionality that takes the contents of the grid and exports it to Excel. I require a little more functionality to this exporting. Not sure if there is a solution already, but I am hoping that someone has a solution for me. If my grid has a drop down in it, how do I get this drop drown with its values exported Excel?

Another thing is, is there a way of exporting a business object to Excel? Lets say I have a Application object, and this object has a Status object which it references. In my grid I have a list of all the Application objects, but not all the properties of the Application object is used as columns. How do I get more of the properties exported than what the grid currently displays?

I would appreciate if someone can help me with this :)

Thanks

Grid

answered on 19 Nov 2010

1 answer

81 views

How do I refresh this grid in oData Mode?

I have a grid configured to use ADO.NET Web Services (oData) and I'd like to refresh the grid
http://demos.telerik.com/aspnet-ajax/grid/examples/clientbinding/defaultcs.aspx

How do I accomplish this?

<telerik:RadGrid runat="server" ID="RadGrid2" AllowPaging="true"

AllowSorting="true" AllowFilteringByColumn="true"

AllowMultiRowSelection = "false"

AutoGenerateColumns="false"

PageSize="7"

HeaderStyle-HorizontalAlign ="Center"

GroupingSettings-CaseSensitive="false"

>

<%

-- <telerik:GridBoundColumn DataField="ProductID" HeaderText="ProductID" DataType="System.Int32" />

<telerik:GridBoundColumn DataField="ProductName" HeaderText="ProductName" DataType="System.String" />

<telerik:GridBoundColumn DataField="UnitsInStock" HeaderText="UnitsInStock" DataType="System.Int32" />

--

%>

<telerik:GridBoundColumn DataField="Vendorkey" Display="false" >

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="VendorName" HeaderText="Name" >

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="VendorGroup" HeaderText="Lawson #" />

<telerik:GridBoundColumn DataField="Vendor" HeaderText="Vendor #" />

<%

-- <telerik:GridBoundColumn DataField="ClassDescription" HeaderText="Class" />--%>

<telerik:GridBoundColumn DataField="VendorStatus" HeaderText="Status" />

<telerik:GridBoundColumn DataField="City" HeaderText="City" />

<telerik:GridBoundColumn DataField="State" HeaderText="State">

</telerik:GridBoundColumn>

<%

-- The following is used to drive the lower grid--%>

<telerik:GridBoundColumn DataField="ParentID" HeaderText="ParentID" Display="false"/>

<telerik:GridBoundColumn DataField="ParentName" HeaderText="Parent Name" >

</telerik:GridBoundColumn>

<%

-- <telerik:GridTemplateColumn UniqueName="SourceCompanyMapColumn" HeaderText="Map" AllowFiltering="False">

<asp:ImageButton ID="imgMap" runat="server" ImageUrl="~/App_Themes/NFP/Images/grid/edit_record.png">

</asp:ImageButton>

</ItemTemplate>

</telerik:GridTemplateColumn>--

%>

</Columns>

</MasterTableView>

<ClientEvents OnRowSelected="rowSelected" OnCommand="gridTopCommand"

/>

</DataBinding>

</ClientSettings>

</telerik:RadGrid>

Grid

answered on 19 Nov 2010

1 answer

51 views

Panelbar with serverside ItemClick = no collapse animation

Hi All,
Just wondering if anyone else was experiencing this?
Is the animation expected to not work when using a callback ItemClick event?
Thanks,
Steele.

PanelBar

answered on 19 Nov 2010

7 answers

63 views

Problem in displaying 1st grid on any action on 2nd grid

Hi All,

I have 2 grids kept inside 2 seperate div tags: divAMGGrid, divSolveGrid.
divAMGGrid is having 1 grid with 2 levels. When I perform any operation on child level, I'll display second grid which is inside divSolveGrid. Till here it is working fine. But my requirement is to refresh 1st grid, when I perform any operation on 2nd grid which is in divSolveGrid. divAMGGrid is not refreshed with data. My aspx page is having following html inside RadAJAXManager:

<telerik:AjaxSetting AjaxControlID="divAMGGrid">

<telerik:AjaxUpdatedControl ControlID="divSolveGrid" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="divSolveGrid">

<telerik:AjaxUpdatedControl ControlID="divSolveGrid" />

</UpdatedControls>

</telerik:AjaxSetting>

Any help will be very much appreciated.

Thanks,
Kapil

Grid

answered on 19 Nov 2010

1 answer

51 views

RadGrid in ModalPopup extender not rebinding

I have a RadGrid that with a that contains a GridButtonColumn defined as

<telerik:GridButtonColumn ButtonType="LinkButton" UniqueName="PaymentViews"

Text="Payments" CommandName="AddPayment" />

This Grid has a DataKey of DelRecordID

When the row item button is Clicked






If e.CommandName = "AddPayment" Then 
    'If GridDeleiverables.SelectedItems.Count > 0 Then 
    Dim DataKey As Integer = e.Item.OwnerTableView.DataKeyValues(e.Item.ItemIndex)("DelRecordID") 
    Session("DeliverableID") = DataKey 
    GridPaymentDrawdown.Rebind() 
    PanelPaymentDrawdown_ModalPopupExtender.Show() 
    'End If 
End If

The Grid that i call to be rebound simply doesnt, If however i click the Refresh button on the Grid it rebinds as it should.

Am i missing something really obvious on this

Thanks in advance

The Grid that i call to be rebound simply doesnt, If however i click the Refresh button on the Grid it rebinds as it should.Am i missing something really obvious on this Thanks in advance

Grid

answered on 19 Nov 2010

1 answer

115 views

How to merge tow template column in radgrid

Hi,

I have radgrid. when i am inserting and updating there are 2 column index has been shown. and also i want to validation summary. so i need center to 2 column indexes. so please see the attached image and give me a tips for this one.

Thanks,

Grid

answered on 19 Nov 2010