Questions on UI for ASP.NET AJAX Forum

1 answer

108 views

I have a RadScheduler where I want to show details in a ToolTip from a context menu "Details...".

I got it all working, e.g. context menu is selectable, the code is called, data is being loaded and a tooltip is showing up,

BUT:

The tooltip always load the same tooltip for one appointment no matter on which appointment I select the context menu. It seems like it doesn't promote the AppointmentId or it doesn't see which appointment was right-clicked.

Any hints?

I have this code in 'AppointmentContextMenuItemClicked() where I call .Show() on the RadToolTipManager:

01.protected void RadSchedulerPlanning_AppointmentContextMenuItemClicked(object sender, AppointmentContextMenuItemClickedEventArgs e)

02. {

03. AppointmentContextMenuItemClickedEventArgs args = e;

04.

05. if (e.MenuItem.Value == "CommandDetails")

06. {

07. string id = e.Appointment.ID.ToString();

08.

09. foreach (string domElementID in e.Appointment.DomElements)

10. {

11. RadToolTipManager1.TargetControls.Add(domElementID, id, true);

12. }

13.

14. RadToolTipManager1.Show();

15. }

16. }

Scheduler

answered on 21 Jul 2016

1 answer

87 views

radnotification does not work with reportviewer

radnotification does not work on the pages with telerik.reportviewer.

Does it required some additional coding

Thank you for your reply

Notification

answered on 21 Jul 2016

1 answer

280 views

Opening a page on a modal automatically

I'm trying to automatically open an appropriate page on a popup modal. My page design is I've got a RADGRID with an edit button for each column. Each row has a unique ID (lets say row 1 is 1, row 2 is 2 and etc.). Each cell has a unique ID number as well. Currently, I've got a popup modal that appears when you click edit on a row in the radgrid. The modal displays all the editable cellsfor that unique row. You then have to click through a cell name/id to fire the "edit" command to code behind that opens up a new page in the modal specific for that cell name/id. The edit button takes in hidden row details of the modal. How can I click on a cell (not a row) and open up the appropriate modal page to edit that cell without having to select the cell on the modal?

If this is too confusing or more information is needed I will explain it a bit better.

General Discussions

answered on 21 Jul 2016

1 answer

106 views

Bullet list only

Is there a way to programmatically set the editor to an unordered list and keep it in that mode, so the user can only enter bullets?

Editor

answered on 21 Jul 2016

8 answers

512 views

Suppress "The server method 'xxxx' failed" (Web service)

Context: I'm using as RadSearchBox and calling a web service using:

<WebServiceSettings Path="~/Service.asmx" Method="GetSearchBoxResults" ></WebServiceSettings>

Just to be clear, my code works.

However, on the odd occasion, especially if there is a delay in the response from the server, and the user tries navigating the page away before the response has been received, the error message "The server method 'xxx' failed" appears several times, which is irritating to users.

Is there a straight forward way to suppress this message?

SearchBox

answered on 21 Jul 2016

3 answers

259 views

radalert to display message for few seconds

Hello Sir/Mam

i'm using radalert to display message. On radButton

OnClientClicked Event

It show message window for few seconds and disappears........
I'm attaching source code..

<telerik:RadWindowManager ID="RadWindowManager1" runat="server"

EnableShadow="true"

DestroyOnClose="true" VIsibleOnPageLoad="true">

</telerik:RadWindowManager>

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

<script type="text/javascript" >

function chkName()

{

var v1 = document.getElementById("<%=txtName.ClientID%>");

if (v1.value == "") {

radalert("Enter username");

return false;

}

else if(v1.value.search("^[a-zA-Z. ]{1,40}$") != 0)

{

radalert("Enter valid username", 300, 200, "NAME VALIDATION");

return false;

}

else

return true;

}

</script>

</telerik:RadCodeBlock>

<table>

<tr>

<td>Name</td>

<td>

<telerik:RadTextBox ID="txtName" runat="server" />

</td>

<td>

<telerik:RadButton ID="btnName" runat="server" OnClientClicked ="chkName" />

</td>

</tr>

</table>

Help!!!1

Thanks

General Discussions

answered on 21 Jul 2016

1 answer

168 views

Telerik controls not displaying correctly in IE 11

I have build a web app using various telerik controls. The controls render properly on IE11 and Chrome when served from localhost. When deployed to the dev server the controls look good in Chrome, but only look good in IE when I use the F12 tools and under Emulation change the User agent string from Default to IE10.

I used the http-equiv meta tag to force the Document mode to IE10, but I can't figure out how to force the User agent string from Default to Internet Explorer 10.

It is frustrating to build a beautiful page on my local machine and then have it render completely differently when deployed.

General Discussions

answered on 21 Jul 2016

1 answer

139 views

Radgrid batcheditor not working

Hi,

I am validation duplicate records in radgrid batch edit in client side.

When initial grid, if duplicate date available means shows message after deleting the duplicate records, we are not able to get cell values in batchedit

Details given below

Clent side code
<telerik:RadGrid ID="grdBillDetails" runat="server"
                    OnBatchEditCommand="grdBillDetails_BatchEditCommand"
                    AutoGenerateColumns="false"
                    OnNeedDataSource="grdBillDetails_NeedDataSource"
                    ClientSettings-Scrolling-AllowScroll="true"
                    Visible="true" ShowFooter="true"
                    ClientSettings-Scrolling-UseStaticHeaders="true"
                    ClientSettings-ClientEvents-OnBatchEditOpening="BeforeEdit"
                    OnPreRender="grdBillDetails_PreRender">

                    <MasterTableView DataKeyNames="billno,billdt,pharmacyname,amount" GridLines="None" HeaderStyle-Font-Bold="true" HeaderStyle-Wrap="false" ItemStyle-Wrap="true" CommandItemDisplay="Top"
                        EditMode="Batch" BatchEditingSettings-EditType="Row" ItemStyle-VerticalAlign="Top">
                        <Columns>
                            <telerik:GridTemplateColumn ItemStyle-Width="25px" HeaderStyle-Width="25px">
                                <ItemTemplate>
                                    <textarea class="pasteHandle" contenteditable="true" onmousedown="this.innerText = ''; this.focus(); return false;" onmouseover="    this.focus(); return false;" oncontextmenu="    this.innerText = ''; return false;"></textarea>
                                </ItemTemplate>
                                <EditItemTemplate>
                                    <textarea class="pasteHandle" contenteditable="true" onmousedown="this.innerText = ''; this.focus(); return false;" onmouseover="    this.focus(); return false;" oncontextmenu="    this.innerText = ''; return false;"></textarea>
                                </EditItemTemplate>
                            </telerik:GridTemplateColumn>
                            <telerik:GridTemplateColumn DataField="billno" HeaderText="Bill No" HeaderStyle-Width="150px" UniqueName="billno">
                                <ItemTemplate>
                                    <%# Eval("billno")%>
                                </ItemTemplate>
                                <EditItemTemplate>
                                    <telerik:RadTextBox ID="txtBillNo" runat="server" Width="100px"></telerik:RadTextBox><asp:RequiredFieldValidator CssClass="rfv" runat="server" ID="rfvbillno" Display="Dynamic" ControlToValidate="txtBillNo"
                                        SetFocusOnError="true" ErrorMessage="Bill No Mandatory" ValidationGroup="Medical"></asp:RequiredFieldValidator>
                                </EditItemTemplate>
                            </telerik:GridTemplateColumn>
                            <telerik:GridTemplateColumn DataField="billdt" HeaderText="Bill Date" HeaderStyle-Width="200px" UniqueName="billdt">
                                <ItemTemplate>
                                    <%# Eval("billdt", "{0:dd/MM/yyyy}") %>
                                </ItemTemplate>
                                <EditItemTemplate>
                                    <telerik:RadDatePicker ID="txtBillDate" runat="server" Width="150px">
                                        <DateInput runat="server" DateFormat="dd/MM/yyyy" DisplayDateFormat="dd/MM/yyyy" />
                                        <Calendar runat="server">
                                            <SpecialDays>
                                                <telerik:RadCalendarDay Repeatable="Today" ItemStyle-BackColor="Olive">
</telerik:RadCalendarDay>
                                            </SpecialDays>
                                        </Calendar>
                                    </telerik:RadDatePicker>
                                    <asp:RequiredFieldValidator CssClass="rfv" runat="server" ID="rfvbillDate" Display="Dynamic" ControlToValidate="txtBillDate"
                                        SetFocusOnError="true" ErrorMessage="Bill Date Mandatory" ValidationGroup="Medical"></asp:RequiredFieldValidator>
                                </EditItemTemplate>
                            </telerik:GridTemplateColumn>
                            <telerik:GridTemplateColumn DataField="pharmacyname" HeaderText="Pharmacy/Doctor Name" HeaderStyle-Width="450px" UniqueName="pharmacyname">
                                <ItemTemplate>
                                    <%# Eval("pharmacyname")%>
                                </ItemTemplate>
                                <EditItemTemplate>
                                    <telerik:RadTextBox ID="txtPharmacyName" runat="server" Width="400px" MaxLength="100">
                                        </telerik:RadTextBox>
<asp:RequiredFieldValidator CssClass="rfv" runat="server" ID="rfvPharmacy" Display="Dynamic" ControlToValidate="txtPharmacyName" SetFocusOnError="true" ErrorMessage="Pharmacy Mandatory" ValidationGroup="Medical"></asp:RequiredFieldValidator>
                                </EditItemTemplate>
                            </telerik:GridTemplateColumn>
                            <telerik:GridTemplateColumn DataField="amount" HeaderText="Bill Amount" FooterAggregateFormatString="{0}" FooterStyle-Font-Bold="true" Aggregate="Sum" UniqueName="amount">
                                <ItemTemplate>
                                    <%# Eval("amount")%>
                                </ItemTemplate>
                                <EditItemTemplate>
                                    <telerik:RadNumericTextBox ID="txtBillAmount" runat="server" Width="100px" MaxLength="10">
                                        <NumberFormat DecimalDigits="2" AllowRounding="true" />
<ClientEvents OnKeyPress="preventMoreDecimalPlaces" />
                                    </telerik:RadNumericTextBox>
                                    <asp:RequiredFieldValidator CssClass="rfv" runat="server" ID="rfvAmount" Display="Dynamic" ControlToValidate="txtBillAmount" SetFocusOnError="true" ErrorMessage="Amount Mandatory" ValidationGroup="Medical">   </asp:RequiredFieldValidator>
                                </EditItemTemplate>
                            </telerik:GridTemplateColumn>
                            <telerik:GridButtonColumn HeaderStyle-Width="100px" ButtonType="ImageButton" ImageUrl="../../Resources/Images/cross.png"
                                ButtonCssClass="rbEdit" UniqueName="DeleteColumn" ItemStyle-HorizontalAlign="Center" ItemStyle-VerticalAlign="Middle"
                                CommandName="Delete" HeaderText="Delete">
                            </telerik:GridButtonColumn>
                        </Columns>
                    </MasterTableView>
                    <ClientSettings>
                        <ClientEvents OnCommand="grdBillDetails_OnCommand"
                            OnRowDeleted="grdBillDetails_OnRowDeleted"
                            OnBatchEditClosed="grdBillDetails_OnBatchEditClosed"
                             />
                    </ClientSettings>
                </telerik:RadGrid>

function grdBillDetails_OnCommand(sender, args) {
                var grdbilldetails = $find("<%=grdBillDetails.ClientID %>");
                var masterTable = grdbilldetails.get_masterTableView();
                var dts = masterTable.get_dataItems();
                for (var i = 0; i < dts.length - 1; i++) {
                    var prevbillno = grdbilldetails.get_batchEditingManager().getCellValue(dts[i].get_cell("billno"));
                    var prevbilldt = grdbilldetails.get_batchEditingManager().getCellValue(dts[i].get_cell("billdt"));
                    var prevpharmacyname = grdbilldetails.get_batchEditingManager().getCellValue(dts[i].get_cell("pharmacyname"));
                    for (var j = i + 1; j < dts.length; j++) {
                        curbillno = grdbilldetails.get_batchEditingManager().getCellValue(dts[j].get_cell("billno"));
                      curbilldt = grdbilldetails.get_batchEditingManager().getCellValue(dts[j].get_cell("billdt"));
                        curpharmacyname = grdbilldetails.get_batchEditingManager().getCellValue(dts[j].get_cell("pharmacyname"));
if (prevbillno == curbillno && prevbilldt == curbilldt && prevpharmacyname == curpharmacyname) {
                            alert('Duplicates data available for Same BillNo,Billdate,Pharmacy');
                            grdbilldetails.get_batchEditingManager().openCellForEdit(dts[j].get_cell("billno"));
                            args.set_cancel(true);
                            return false;
                        }

                    }
                }
}

Server Side
foreach (GridBatchEditingCommand command in e.Commands)
                {
                    DataRow resultRw = resultDt.NewRow();

                    if (command.Type == GridBatchEditingCommandType.Insert)
                    {

                        resultRw["BillNo"] = command.NewValues["billno"];
                        resultRw["BillDate"] = command.NewValues["billdt"];
                        resultRw["Pharmacy"] = command.NewValues["pharmacyname"];
                        resultRw["BillValue"] = command.NewValues["amount"];
                        resultRw["Ind"] = "I";

                    }

                    if (command.Type == GridBatchEditingCommandType.Update)
                    {

                            resultRw["BillNo"] = command.NewValues["billno"];
                            resultRw["BillDate"] = command.NewValues["billdt"];
                            resultRw["Pharmacy"] = command.NewValues["pharmacyname"];
                            resultRw["BillValue"] = command.NewValues["amount"];
                            resultRw["Ind"] = "U";

                    }

                    if (command.Type == GridBatchEditingCommandType.Delete)
                    {
                            resultRw["BillNo"] = command.NewValues["billno"];
                            resultRw["BillDate"] = command.NewValues["billdt"];
                            resultRw["Pharmacy"] = command.NewValues["pharmacyname"];
                            resultRw["BillValue"] = command.NewValues["amount"];
                            resultRw["Ind"] = "D";

                    }

                    resultDt.Rows.Add(resultRw);

                }
Screen shots
In grid Duplicate data available. So it shows error.

After getting duplicate row deletion. Unable to get the grid datas.

Thanks in advance

Grid

answered on 21 Jul 2016

1 answer

415 views

how to display RadGrid details of header labels without having to display master columns

Hello to the Telerik community!

In the attached image, I don't want to display the area circled in red but when I remove it the table says "no records to display".

<p><telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="false" ShowFooter="true" ShowHeader="true" RegisterWithScriptManager="false" Width="100%" Height="100%" OnNeedDataSource="RadGrid1_OnNeedDataSource" ViewStateMode="Disabled" ShowGroupPanel="true"

ClientSettings-Scrolling-AllowScroll="false" GridLines="None" AllowSorting="true" AllowMultiRowSelection="true">

<ClientSettings>

<Selecting AllowRowSelect="true" />

</ClientSettings>

<MasterTableView ShowHeadersWhenNoRecords="true">

<NoRecordsTemplate>

<div style="text-align: center;">

<asp:Literal ID="NoData_lt" Text="<%$Resources:Strings,Nodatatodisplay %>:" runat="server" />

</div>

</NoRecordsTemplate>

<ItemTemplate>

<asp:Label ID="Label0" runat="server" Text="<%$ Resources:Strings, OrderReference %>" TabIndex="5" />

<asp:Label ID="Label6" runat="server" Text='<%# Eval("TRANS_NB") %>' TabIndex="5" />

<asp:Label ID="Label1" runat="server" Text="<%$ Resources:Strings, OrderAmount %>" TabIndex="5" />

<asp:Label ID="Label7" runat="server" Text='<%# Eval("TRANS_AMOUNT") %>' TabIndex="5" />

<asp:Label ID="Label2" runat="server" Text="<%$ Resources:Strings, ShippingMethod %>" TabIndex="5" />

<%--<asp:Label ID="Label8" runat="server" Text='<%# Eval("ShippingMethod") %>' TabIndex="5" />--%>

<asp:Label ID="Label3" runat="server" Text="<%$ Resources:Strings, Date %>" TabIndex="5" />

<asp:Label ID="Label9" runat="server" Text='<%# Eval("TRANS_DATE") %>' TabIndex="5" />

<asp:Label ID="Label4" runat="server" Text="<%$ Resources:Strings, BillNumber %>" TabIndex="5" />

<asp:Label ID="Label10" runat="server" Text='<%# Eval("SHIP_BILL_NUMBER") %>' TabIndex="5" />

<asp:Label ID="Label5" runat="server" Text="<%$ Resources:Strings, Shipment %>" TabIndex="5" />

<asp:Label ID="Label11" runat="server" Text='<%# Eval("SHIP_COST") %>' TabIndex="5" />

</ItemTemplate>

<Columns>

<telerik:GridBoundColumn DataField="TRANS_NB" SortExpression="TRANS_NB" HeaderText="<%$ Resources:Strings, OrderReference %>" HeaderButtonType="TextButton" />

<telerik:GridBoundColumn DataField="TRANS_AMOUNT" SortExpression="TRANS_AMOUNT" HeaderText="<%$ Resources:Strings, OrderAmount %>" HeaderButtonType="TextButton" />

<telerik:GridBoundColumn DataField="ShippingMethod" SortExpression="ShippingMethod" HeaderText="<%$ Resources:Strings, ShippingMethod %>" HeaderButtonType="TextButton" />

<telerik:GridBoundColumn DataField="TRANS_DATE" SortExpression="TRANS_DATE" HeaderText="<%$ Resources:Strings, Date %>" HeaderButtonType="TextButton" />

<telerik:GridBoundColumn DataField="SHIP_BILL_NUMBER" SortExpression="SHIP_BILL_NUMBER" HeaderText="<%$ Resources:Strings, BillNumber %>" HeaderButtonType="TextButton" />

<telerik:GridBoundColumn DataField="SHIP_COST" SortExpression="SHIP_COST" HeaderText="<%$ Resources:Strings, Shipment %>" HeaderButtonType="TextButton" />

</Columns>

<DetailTables>

<telerik:GridTableView ShowHeadersWhenNoRecords="true">

<NoRecordsTemplate>

<div style="text-align: center;">

<asp:Literal ID="NoData_lt" Text="<%$Resources:Strings,Nodatatodisplay %>" runat="server" />

</div>

</NoRecordsTemplate>

<Columns>

<telerik:GridClientSelectColumn UniqueName="GridClientSelectColumn1" />

<telerik:GridImageColumn HeaderText="<%$ Resources:Strings, Image %>" HeaderButtonType="None" />

<telerik:GridBoundColumn DataField="PRODUCT_NAME" SortExpression="PRODUCT_NAME" HeaderText="<%$ Resources:Strings, ProductName %>" HeaderButtonType="TextButton" />

<telerik:GridBoundColumn DataField="STORE_NAME" SortExpression="STORE_NAME" HeaderText="<%$ Resources:Strings, Supplier %>" HeaderButtonType="TextButton" />

<telerik:GridBoundColumn DataField="PRODUCT_PRICE" SortExpression="PRODUCT_PRICE" HeaderText="<%$ Resources:Strings, UnitPrice %>" HeaderButtonType="TextButton" />

<telerik:GridBoundColumn DataField="PRODUCT_QUANTITY" SortExpression="PRODUCT_QUANTITY" HeaderText="<%$ Resources:Strings, Quantity %>" HeaderButtonType="TextButton" />

<telerik:GridBoundColumn DataField="TRANS_TOTAL" SortExpression="TRANS_TOTAL" HeaderText="<%$ Resources:Strings, TotalPrice %>" HeaderButtonType="TextButton" />

</Columns>

</telerik:GridTableView>

</DetailTables>

</MasterTableView>

</telerik:RadGrid></p><p></p>

I would like to get rid of the master table columns section and only display them as labels inside the grid. Also I'm having trouble making the table look nice, how can I TAB the labels? Do I need the TabIndex option as I'm not sure what its use is for? I can't even put ":" after Text="<%$ Resources:Strings, OrderAmount %>", as in I can't write it as Text="<%$ Resources:Strings, OrderAmount %>: " or it will only display ":" when I run the code.

Grid

answered on 21 Jul 2016

1 answer

172 views

Adding new telerik DLLs adds Microsoft.SharePoint.dll and other sharepoint dlls

Hello,

I want to use auto complete box in my project. I was using Telerik.UI.Web dlls of version 2012.1.411.35. But in that versions of Telerik.Web.UI.dll auto complete control was not present. So I tried updating to new Telerik DLLs to veresion 2016.1.225.40.

But as I add these new DLLs to project, it adds few SharePoint DLLs to bin folder like “Microsoft.SharePoint.dll”, “Microsoft.SharePoint.Search.dll” etc.

Then after deploying the web I am receiving error “Could not load file or assembly 'Microsoft.SharePoint.Search' or one of its dependencies. An attempt was made to load a program with an incorrect format.” error on site.

What should be done so that these SharePoint dlls do not get added to my site.

Thank you in advance.

AutoCompleteBox

answered on 20 Jul 2016