Questions on UI for ASP.NET AJAX Forum

1 answer

203 views

Dear sir/mam,

i have radtabstrip with loading panel not working. pls help me

      <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="RadTabStrip1">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="RadTabStrip1" LoadingPanelID="RadAjaxLoadingPanel1" />
                  <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="RadAjaxLoadingPanel1" />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadAjaxLoadingPanel Skin="WebBlue" EnableSkinTransparency="false" BackgroundPosition="Center"
    ID="RadAjaxLoadingPanel1" runat="server" />
                       <telerik:RadTabStrip ID="RadTabStrip1" runat="server" Skin="Vista" MultiPageID="RadMultiPage1"
                Width="90%" BorderStyle="None" BackColor="#E3E3E3" SelectedIndex="0" ReorderTabsOnSelect="True"
                ValidationGroup="WP">
                <Tabs>

                      <telerik:RadTab Text="Options" Width="120px" ImageUrl="../../Images/options.png"
                                    Font-Names="Times New Roman" Font-Size="13px" TabIndex="1" PageViewID="RadPageOptions">
                    </telerik:RadTab>
                </Tabs>
            </telerik:RadTabStrip>
         <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" BackColor="White"
                            Width="100%">

                            <telerik:RadPageView ID="RadPageOptions" Width="100%" runat="server">
                                <table class="MainTable2">
                                    <tr>
                                        <td class="pad" width="535">
                                            <div class="pad" style="float: left; width: 535">
                                                <asp:Label ID="Label10" runat="server" SkinID="Label1" Font-Bold="true" Text="File attachment "></asp:Label>
                                            </div>
                                            <div class="pad" style="float: left;">
                                                <asp:ImageButton ID="BtnPopUp" runat="server" OnClick="BtnPopUp_Click" ImageUrl="~/Images/SPECIFY.png" />
                                                   <asp:Label ID="lblfilename1" runat="server" SkinID="LabelErr" Visible="true"></asp:Label>
                                                <asp:Label ID="Lerror" runat="server" SkinID="LabelErr" Visible="true"></asp:Label>
                                                <asp:ImageButton ID="BtnRemove" runat="server" OnClick="BtnRemove_Click" ImageUrl="~/Images/Delete.gif" OnClientClick="return confirm('Are you sure to delete these Photo?'); " />
                                            </div>
                                        </td>
                                    </tr>
                                </table>
                            </telerik:RadPageView>
                        </telerik:RadMultiPage>

<div>
    <asp:UpdatePanel ID="UP2" runat="server">
        <ContentTemplate>
            <asp:Button ID="BtnUploadPopup" runat="server" Style="display: none" />
            <cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="BtnUploadPopup"
                PopupControlID="PanelUpload" CancelControlID="IBClose" BackgroundCssClass="modalBackground" />
            <asp:Panel ID="PanelUpload" runat="server" Width="650" Style="height: 400; display: ">
                <div id="PopupDiv" style="text-align: left">
                    <div class="PopuInner">
                        <table width="95%">
                            <tr>
                                <td>
                                    <asp:Label ID="Label11" SkinID="LabelHead" runat="server" Style="font-size: Large;
                                        font-weight: bold;" Text="Select Document"></asp:Label>
                                </td>
                                <td align="right">
                                    <asp:ImageButton runat="server" ID="IBClose" ImageUrl="~/Images/close.gif" OnClick="IBClose_Click" />
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div style="border-width: thin; margin: 15px 15px 5px 5px; width: 100%;">
                        <table width="100%">
                            <caption>
                                <hr style="font-size: 2px; color: Black;" width="100%" />
                                <tr>
                                    <td colspan="4" style="font-size: medium; font-family: Times New Roman;">
                                        <asp:Label ID="Label16" runat="server" Text="Choose whether you want to upload a file from your computer or link to an existing
                                        file." SkinID="LabelS"></asp:Label>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <asp:RadioButton ID="RBUPloadFile" runat="server" AutoPostBack="true" OnCheckedChanged="RBUPloadFile_CheckedChanged" />
                                    </td>
                                    <td>
                                        <div>
                                            <asp:Label ID="Label12" runat="server" Text="Upload File" SkinID="Label1"></asp:Label>
                                        </div>
                                        <div>
                                            <asp:Label ID="Label15" runat="server" Text="Select a file to upload." SkinID="LabelS"></asp:Label>
                                        </div>
                                    </td>
                                    <td>
                                        <asp:UpdatePanel ID="update" runat="server">
                                            <ContentTemplate>
                                                <asp:FileUpload ID="FileUpload1" runat="server" />
                                            </ContentTemplate>
                                            <Triggers>
                                                <asp:PostBackTrigger ControlID="BtSaveUpload" />
                                            </Triggers>
                                        </asp:UpdatePanel>
                                        <%-- <cc1:AsyncFileUpload ID="FileUpload1" OnUploadedComplete="UploadFile1" runat="server"
                                            CompleteBackColor="#55FF55" UploadingBackColor="#FFFF2A" ErrorBackColor="#FF002A"
                                            ThrobberID="Throbber" />--%>
                                    </td>
                                    <td style="margin-right: 40px;">
                                        <%-- <asp:Label ID="Throbber" runat="server" Style="display: none">
                                            <asp:Image ID="Image2" runat="server" ImageUrl="~/Images/indicator.gif" ImageAlign="Left"
                                                Width="50px" Height="50px" />
                                        </asp:Label>--%>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <asp:RadioButton ID="RBUploadLink" runat="server" AutoPostBack="true" OnCheckedChanged="RBUploadLink_CheckedChanged" />
                                    </td>
                                    <td>
                                        <div>
                                            <asp:Label ID="Label13" runat="server" Text="Link to URL" SkinID="Label1"></asp:Label>
                                        </div>
                                        <div>
                                            <asp:Label ID="Label14" runat="server" Text=" Enter the URL where an existing file resides."
                                                SkinID="LabelS"></asp:Label>
                                        </div>
                                    </td>
                                    <td colspan="2">
                                        <asp:TextBox ID="TxtFileLink" runat="server" SkinID="TxtPopUp" ValidationGroup="URL"
                                            Width="215px"></asp:TextBox>
                                        <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="TxtFileLink"
                                            ErrorMessage="Enter Valid URL" ValidationGroup="URL" ValidationExpression="http(s)?://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?">*</asp:RegularExpressionValidator>
                                    </td>
                                </tr>
                                <tr>
                                    <td align="left" colspan="4">
                                        <div style="padding-top: 3px; padding-bottom: 3px;">
                                            <%-- <asp:Button ID="BtSaveUpload" runat="server" OnClick="BtSaveUpload_Click" Text="Save"
                                                SkinID="Buttons70" ValidationGroup="URL" />--%>
                                            <asp:ImageButton ID="BtSaveUpload" runat="server" OnClick="BtSaveUpload_Click" ValidationGroup="URL "
                                                ImageUrl="~/Images/Save.png" />
                                            <asp:Label ID="LblUploadMag" runat="server" SkinID="LabelErr"></asp:Label>
                                            <asp:ValidationSummary ID="ValidationSummary1" runat="server" ValidationGroup="URL" />
                                        </div>
                                    </td>
                                </tr>
                            </caption>
                        </table>
                    </div>
                </div>
            </asp:Panel>
        </ContentTemplate>
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="RBUPloadFile" EventName="CheckedChanged" />
            <asp:AsyncPostBackTrigger ControlID="RBUploadLink" EventName="CheckedChanged" />
        </Triggers>
    </asp:UpdatePanel>
</div>

Ajax

answered on 21 Sep 2011

1 answer

129 views

Problem in getting iframe src placed inside raddock

Hi,

I have placed an Iframe inside the RadDock dynamically and passing the "src" attribute dynamically with jquery.
When i want to get the latest src attribute of iframe on server side it returns me the original one .Please suggest what should i do?

Thanks

Dock

answered on 21 Sep 2011

2 answers

145 views

Grid-popup add/edit validations problem

Hello!

I have some problems with validatng fields through radGrid/popup edit form. The fields to be validated are used in both 'Add' and 'Edit' popups, but validation works only in 'Add' form. Here is my approach. In ascx file:

<th>Amount:</th>

<td><asp:TextBox ID="txtAmount" runat="server" />

<asp:CustomValidator ID="ResourceValidator2" runat="server" Display="dynamic" ValidateEmptyText="true"

ControlToValidate="txtAmount"

ErrorMessage="Amount has to be entered and it has to be numeric value. "

OnServerValidate="Validate_RealizationAmount" />

</td>

And on cs file the validation function:

protected void Validate_RealizationAmount(object source, ServerValidateEventArgs args)

{

double priceNum;

if (txtAmount.Text == "" ||

!double.TryParse(txtAmount.Text.Trim(), out priceNum))

{

args.IsValid = false;

}

Aditionally the ascx file is build in a way that the same file defines edit and add forms so that fields used in both are the same. So basically the submit is done by following button definitions:

<asp:LinkButton ID="btnUpdateEdited" runat="server" CommandName='<%# DataItem is Telerik.Web.UI.GridInsertionObject ? "PerformInsert" : "UpdateEdited" %>'>

<img style="border:0px;vertical-align:middle;" alt="" />

<%# DataItem is Telerik.Web.UI.GridInsertionObject ? "Add" : "Update"%>

</asp:LinkButton>

<asp:LinkButton ID="btnCancel" runat="server" CommandName="CancelAll">

<img style="border:0px;vertical-align:middle;" alt=""/>Peruuta

</asp:LinkButton>

So, basically when using the 'Add' popup the system prints an error text if the field is not valid, but doesn't do the same when using 'Edit'. I don't know where to start digging. Help on this would be much appreciated.

-Sami

Grid

answered on 21 Sep 2011

3 answers

165 views

radgrid css

Hi,

Can you tell me how to change rad grid row back color, height and selected item or focused row in css?

Thanks,

Grid

answered on 21 Sep 2011

2 answers

132 views

[Solved] Own ContentAreaCssFile + Standard Css-File

Hi,

I'm using an own css file like this:

ContentAreaCssFile="~/App_Themes/Content.css"

That's all OK. But now, table borders (dotted borders for non-vosible table borders) aren't shown during editing and this is a real problem.
How can I use own style and the standard RadEditor styles for showing table borders ...

Do I need to refernce standard radeditor css file?

Please give me a little hint. It's urgent.

Kind regards!

Editor

answered on 21 Sep 2011

2 answers

111 views

IEnumerable Binding can not fire Add New Record

Hi,

I'm getting frustrated using Telerik RadGrid, i just create a simple page with

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1">

<telerik:RadGrid ID="rg" runat="server" AutoGenerateColumns="false"
OnNeedDataSource="TestNeedDataSource">

<MasterTableView CommandItemDisplay="Top" InsertItemPageIndexAction="ShowItemOnCurrentPage"

EditMode="PopUp" >

<Columns>

<telerik:GridBoundColumn DataField="Id" />

<telerik:GridBoundColumn DataField="Name" />

</Columns>

<EditFormSettings PopUpSettings-Modal="true" PopUpSettings-Width="600"

PopUpSettings-ScrollBars="Auto" PopUpSettings-Height="600"

EditFormType="Template" >

<FormTemplate>

<table>

<tr>

<td>Test</td>

</tr>

</table>

</FormTemplate>

</EditFormSettings>

</MasterTableView>

</telerik:RadGrid>

</telerik:RadAjaxPanel>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" />

And my code behind :

public IEnumerable<IDictionary> GenerateData()

{

for (var i = 0; i < 15; i++)

{

var dict = new Dictionary<string, object>();

dict["ID"] = Guid.NewGuid();

dict["Name"] = "Name_" + i;

yield return dict;

}

protected void TestNeedDataSource(object sender, GridNeedDataSourceEventArgs e)

{

rg.DataSource = GenerateData().ToDataSource();

}

Every time i click Add New Record, it call the ajax loading panel, but it doesn't open my popup modal. It does nothing.

Is there anything wrong with my code ? Or is it impossible to do this kind of binding with RadGrid ?

Thanks in advance

Grid

answered on 21 Sep 2011

3 answers

77 views

problem in filtering and sorting on dynamic colums

I have added some of the columns in grid at run time and some at design time.Sorting is not working on some of the columns and on clicking those columns the entire grid gets disappears and filtering is not at all working.

Grid

answered on 21 Sep 2011

5 answers

110 views

problem in deleting

i have added all columns at runtime. as well delete and edit as gridbutton columns..i m able to open a file on clicking delete but not able
to delete..
following is the code
gbtc = new GridButtonColumn();
gbtc.HeaderText = "Delete";
gbtc.UniqueName = "ibtnDelete";
gbtc.ImageUrl = "~/App_Themes/Bari_Default/images/delete_ico.png";
gbtc.ButtonType = GridButtonColumnType.ImageButton;
gbtc.CommandName = "Delete";
gbtc.Visible = false;
gbtc.FilterImageToolTip = "";
rgdProcedureMaster.MasterTableView.Columns.Add(gbtc);

do i need to add more information for it to get done

Grid

answered on 21 Sep 2011

1 answer

138 views

No records to display.

Where do I change the text "No records to display." In The FileExplorer Grid to the Swedish text?

FileExplorer

answered on 21 Sep 2011

1 answer

108 views

FilterTemplate with RadComboBox issue in Chrome and Firefox

Hello,

Please have a look at the following code:

<telerik:GridTemplateColumn HeaderText="Update" ItemStyle-Width="8%">

<FilterTemplate>

<div class="filter-wrapper">

<div>

<telerik:RadComboBox runat="server" ID="ddlUpdateFilter" AutoPostBack="true"

OnSelectedIndexChanged="ddlUpdateFilter_SelectedIndexChanged" MarkFirstMatch="true"

AllowCustomText="true" ShowToggleImage="false" Width="70px">

</telerik:RadComboBox>

<img src="../Resources/Common/filter.png" runat="server" id="imgUpdateFilter"

alt="filter" />

<asp:ImageButton runat="server" ID="imgClearUpdateFilter" ImageUrl="~/Resources/Common/clear-filter.gif"

CommandName="ClearFilter" />

</div>

</FilterTemplate>

<ItemTemplate>

<asp:CheckBox runat="server" ID="chkEdit" Enabled="false" />

</ItemTemplate>

</telerik:GridTemplateColumn>

I have a TemplateColumn in which I'm using FilterTemplate to apply filter on this column. The functionality is working fine in IE but when I open my page on Firefox or Chrome, all the columns having FilterTemplate become so wide that the grid blows off the page to the right. Once I write AllowFiltering="false" for that column, the column width comes back but obviously filtering is gone too.

A quick response in this regard will be highly appreciated.

Thanks.

~Ahmed

Grid

answered on 21 Sep 2011