Questions on UI for ASP.NET AJAX Forum

1 answer

91 views

I have the following in a template for a listview, the title is being evaluated and bound as expected, but the URLToShare is not?

<ItemTemplate>

<div class="keyTagData">

<div id="KeyTagLogo">

<img id="imgKeyTagLogo"

<%#FormatImageData(Eval("OfferGroup.Enterprise.LogoFile").ToString())%> alt='<%#Eval("OfferGroup.Enterprise.DBAName")%>' />

<%--<asp:Image runat="server" ID="imgKeyTagLogo" ImageUrl='~/CouponLogos/<%#Eval("OfferGroup.Enterprise.LogoFile")%>' />--%>

</div>

<div id="KeyTagHeader">

<%#Eval("OfferGroup.Enterprise.DBAName")%>

</div>

<div id="KeyTagText">

<%#Eval("Title")%>

</div>

<div id="KeyTagSocialMedia">

<telerik:RadSocialShare ID="radSocialMediaKeyTag" runat="server" CssClass="DblUpFB"

TitleToShare='<%#Eval("Title")%>' UrlToShare='http://www.mydomain.com/Detail.aspx?ogid=<;%=Eval("OfferGroupID").ToString()%>'>

<MainButtons>

<telerik:RadSocialButton SocialNetType="ShareOnFacebook" />

<telerik:RadSocialButton SocialNetType="ShareOnTwitter" />

<telerik:RadSocialButton SocialNetType="SendEmail" />

</MainButtons>

</telerik:RadSocialShare>

</div>

<div id="KeyTagNumOffers"><a href='Detail.aspx?ogid=<%#Eval("OfferGroupID")%>'><%#((int)Eval("OfferGroup.Offers.Count")-1).ToString()%> More Offers</a></div>

<div id="KeyTagPrint">

<asp:ImageButton runat="server" ID="btnPrint" OnClientClick='<%#FormatJS(Eval("OfferGroupID").ToString())%>' ImageUrl="~/images/InsidePage_PrintButton.png" />

</div>

</ItemTemplate>

Sys.Application.add_init(

function() {

$create(Telerik.Web.UI.RadSocialShare, {

"_addFbScript":false,"_addGoogleScript":false,"_addTwitterScript":false,"_uniqueId":"ctl00$ContentPlaceHolder1$radDiscountList$ctrl1$radSocialMediaKeyTag","clientStateFieldID":"ctl00_ContentPlaceHolder1_radDiscountList_ctrl1_radSocialMediaKeyTag_ClientState","mainButtons":"[['ShareOnFacebook','http://www.doubleupdiscounts.com/Detail.aspx?ogid=<%=Eval("OfferGroupID").ToString()%>','Free Pizza on Us!', '470', '470', '', ''],['ShareOnTwitter','http://www.mydomain.com/Detail.aspx?ogid=<%=Eval("OfferGroupID").ToString()%>','Free Pizza on Us!', '470', '470', '', ''],['SendEmail','http://www.mydomain.com/Detail.aspx?ogid=<%=Eval("OfferGroupID").ToString()%>','Free Pizza on Us!', '470', '470', '', '']]"}, null, null, $get("ctl00_ContentPlaceHolder1_radDiscountList_ctrl1_radSocialMediaKeyTag"));

});

SocialShare

answered on 24 Jan 2012

4 answers

280 views

How to handle SelectedIndexChanged of a RadComboBox in a NestedViewTemplate

Hi,

I have a RadComboBox as an element in a NestedViewTemplate of a RadGrid. There are also several labels in the nested view whose text I would like to change dynamically depending on the selected item of the combobox.

I tried:

RadComboBox combo = (RadComboBox)CustomerGrid.MasterTableView.Items[0].ChildItem.FindControl("cardsCombo");

from within cardsCombo_SelectedIndexChanged to try and get hold of it, to no avail (I guess I'm looking in the wrong place).

So my question is, how do I implement SelectedIndexChanged functionality from within the nested view?

Any help would be greatly appreciated.

Cheers,
Christian

Grid

answered on 24 Jan 2012

1 answer

210 views

how to clear the filter text on radgrid using client side

I am providing you the code which i used ....i want when i uncheck the checkbox then filter text will clear...

In radgrid
<CommandItemTemplate>

<tr>

<asp:CheckBox ID="chkViewFilter" runat="server" Checked="false" onclick="showFilterItem(this)" />

<asp:Label ID="Label4" runat="server" Text="Show Filter"></asp:Label>

</td>
<CommandItemTemplate>

<script>

//Hide and show Filter on checking/Unchecking of checkbox

function showFilterItem(val) {

try {

var picker = $find("ctl00_ContentPlaceHolder1_User_RadGrid_ctl00_ctl02_ctl00_chkViewFilter");

if (val.checked) {

$find(

'ctl00_ContentPlaceHolder1_User_RadGrid').get_masterTableView().showFilterItem();

document.getElementById(

"ctl00_ContentPlaceHolder1_HiddenField8").value = 1;

}

else {

//document.getElementById('ctl00_ContentPlaceHolder1_RadDtPkFrom').value = ""

$find(

'ctl00_ContentPlaceHolder1_User_RadGrid').get_masterTableView().hideFilterItem();

document.getElementById(

"ctl00_ContentPlaceHolder1_HiddenField8").value = 0;

// $find('ctl00_ContentPlaceHolder1_User_RadGrid').get_masterTableView().filter("Opportunity", "", "NoFilter");

$find(

'<%=User_RadGrid.ClientID%>').get_masterTableView().get_filterExpressions().clear();

}

catch (ex) {

}

</script>

Grid

answered on 24 Jan 2012

3 answers

52 views

FormDecorator with Mutlipage

I have an issue combining the FormDecrator and the Multipage controls.

The Multipage is bounded to a TabStrip and changes accordingly. It seems like the FormDecorator is not changing the style of the controls inside the hidden PageViews. As soon as I change the tab the FormDecortator does the trick and changes the style for all controls inside the active PageView but this effect is visible to the user and you can actually see the style changes. This only happens the first time you access a certain tab. If you click that tab again the controls are already styled correctly.

Is there a way around this? Meaning, I would like to apply the styling to ALL controls even hidden ones. Moreover, the Javascript which changes the style works in IE and in Firefox but in Chrome the style doesn't change unless a post-back occurs.

Thanks,

Nick

FormDecorator

answered on 24 Jan 2012

2 answers

64 views

Exapand symbol is missing when edit/delete

hi,
Problem 1:

i have the 3 level hierarchical grid when i click on the main level row edit/delete command is happen the expand symbol is missing for the entire grid but in the demo the symbol is reliable i want same functionality what are the steps i follow please tell me

problem 2:
i set the datakey field in mastertable view as like <MasterTableView EditMode="InPlace" Name="product" DataKeyNames="PKProductID"> but in the code updatecommand i am unable to get the the name and also

editableItem.GetDataKeyValue("pkproductid") method throw error why?
how can i get the name of the table and datakey of the row

Thanks & Regards,
M.Koteswara Rao

Grid

answered on 24 Jan 2012

3 answers

415 views

RadEditor - Image Manager - Removing commands

Hi,

I'm wonder how to remove commnads and the path from the RadEditor Image Manager window (Every thing that is selected in Red in the attcahed screen-shot).

Please, I need your help,

Regards,
Bader

Editor

answered on 24 Jan 2012

6 answers

260 views

Allow integer only in edit mode

I use the following code to restrict edit to integer only. It only works when I edit a row first time. Whenever I keep clicking other rows it will turn back to numeric box again and allowing digits. What should I do to prevent this happening? I notice that after first clicking the grid will use column editor different from the one I designated on the page. It looks like default one. That's the reason I lost the integer constrain. How could I fix this?

<telerik:GridNumericColumnEditor ID="GridNumericColumnEditor3" runat="server" NumericTextBox-Width="40px">
        <NumericTextBox ID="NumericTextBox2" DataType="System.Int32" runat="Server">
            <NumberFormat AllowRounding="true" DecimalDigits="0" GroupSeparator="" DecimalSeparator=" " />
        </NumericTextBox>
    </telerik:GridNumericColumnEditor>

Thanks
Lewis

Grid

answered on 24 Jan 2012

1 answer

128 views

Toggle fullscreen in HTML mode

I have 3 Rad Editors on my xyz.aspx page and the Toggle Fullscreen button works only for the Design View (mode). If I have enabled only HTML mode in my Rad Editor than the Toggle Full screen button is disabled.

HELP!!!!!

Editor

answered on 24 Jan 2012

1 answer

36 views

Feature Request

I searched but could not find whether this had been requested before. If it has, I apologize for the duplication. However, I would really like it if you would consider adding some default validation to the controls that could be configured in the markup. I really hate to compare to a competitor, but Ext.NET does this nicely with several, configurable options on message text, icon, location, tooltip, etc.

When the controls are drawn, the error presentation is consistent, with consistent graphics, a condensed error display (controls change color instead of validation being added beside the control) and tooltips are automatically generated, but are also configurable.

I realize that validation is possible in Telerik today, and with some work, it could maybe be very similar to the presentation output by the exemplified markup. However, for productivity and consistency, I think it would make a very nice feature addition to the tools. Preferably, the addition of the markup would result in controls that validate similarly to this: http://jquery.bassistance.de/validate/demo/marketo/.

I hope you will consider my feature request for future product versions.

Thanks.

General Discussions

answered on 24 Jan 2012

6 answers

87 views

All I Want to Do Is Get Out of Edit Mode

so I wired up a OnBlur client event on the only column in the Edit Mode not read-only
the function fires well and good and triggers an Ajax request which works then - nothing

<telerik:RadCodeBlock ID="rcBlock" runat="server">

<script type="text/javascript">

<!--

function rntbQty_OnBlur(sender, eventArgs) {

alert('clear edit item');

var theMan = $find("<%= raManager.ClientID %>");

theMan.ajaxRequest("CloseEdits");

}

-->

</script>

</telerik:RadCodeBlock>

<telerik:RadAjaxManager ID="raManager" OnAjaxRequest="raManager_AjaxRequest" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="rgEditOrder">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="rgEditOrder" />

<telerik:AjaxUpdatedControl ControlID="rtbStart1" />

<telerik:AjaxUpdatedControl ControlID="rtbEnd1" />

<telerik:AjaxUpdatedControl ControlID="rtbStart2" />

<telerik:AjaxUpdatedControl ControlID="rtbEnd2" />

<telerik:AjaxUpdatedControl ControlID="rtbStart3" />

<telerik:AjaxUpdatedControl ControlID="rtbEnd3" />

<telerik:AjaxUpdatedControl ControlID="txtStoreHidden" />

<telerik:AjaxUpdatedControl ControlID="txtChain" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

the column

<telerik:GridTemplateColumn UniqueName="Qty" HeaderText="Cases" DataField="Qty" DataType="System.Int32" Aggregate="Sum" >

<ItemTemplate>

<asp:Label ID="lblQty" Text='<%# Bind("Qty") %>' Width="32px" runat="server" />

</ItemTemplate>

<EditItemTemplate>

<telerik:RadNumericTextBox ID="rntbQty"

DBValue='<%# Eval("Qty") %>' OnTextChanged="rntbQty_TextChanged" MinValue="0" MaxValue="99999" MaxLength="5" AutoPostBack="True" Width="32px" runat="server">

<NumberFormat DecimalDigits="0" GroupSeparator="" />

<ClientEvents OnBlur="rntbQty_OnBlur" />

</telerik:RadNumericTextBox>

</EditItemTemplate>

<HeaderStyle Width="32px" />

</telerik:GridTemplateColumn>

protected void raManager_AjaxRequest(object sender, AjaxRequestEventArgs e)

{

foreach (GridItem gItem in rgEditOrder.EditItems)

{

if (gItem is GridEditableItem)

{