Questions on UI for ASP.NET AJAX Forum

1 answer

207 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

159 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

447 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

195 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

4 answers

421 views

RadSchedulerRecurrenceEditor Sample

Can somebody post a sample of creating/editing a scheduler appointment in a separate form/window without using the underlying scheduler as the parent/owner and sepcifically using the new using RadSchedulerRecurrenceEditor?

Thanks,

Brian

Scheduler

answered on 20 Jul 2016

3 answers

137 views

How can I add MediaPlayer in TemplateItem from code behind

Hi to all,

I want to add images and videos to ImageGallery.

I've read the article https://demos.telerik.com/aspnet-ajax/image-gallery/examples/functionality/templates/defaultcs.aspx
but I have to add videos from code behind in VB.
Can anyone tell me how?

Thanks

ImageGallery

answered on 20 Jul 2016

1 answer

80 views

Editing item to be bound in ItemDataBound handler

Hello I have a grid where all dates in a column matching a certain date need to be replaced with a string. Since I already have an ItemDataBound even handler for the grid I figured I would change it there, but everything I've tried doesn't change what is displayed and the item appears to be read-only, is there any way toedit the item during the ItemDataBound event?

Grid

answered on 20 Jul 2016

3 answers

1.0K+ views

How to display image from byte array

After multiple files are uploaded from AsyncUpload, I loaded all of those images to byte array so that they can be displayed in the grid. I don't want to save these images yet since I only want to save these images when the user clicks on Save.

How do I load those images in byte array into GridImageColumn?

It seems that there is no way to directly reference to temporarily file that is created from AsyncUpload. If it can, that will help.

Grid

answered on 20 Jul 2016

2 answers

109 views

Set focus on custom field in advanced scheduler form

I have a custom AdvancedScheduler Form in which I want to set the focus to a field programmatically in code behind.

So far I tried this, but although the code is called correctly, the .Focus() doesn't reflect in the form. What am I doing wrong?

01.protected void RadSchedulerPlanning_FormCreated(object sender, SchedulerFormCreatedEventArgs e)

02. {

03.

04. if ( (e.Container.Mode == SchedulerFormMode.AdvancedEdit) || (e.Container.Mode == SchedulerFormMode.AdvancedInsert))

05. {

06. var aukunr = (RadComboBox) e.Container.Controls[1].FindControl(id: "AUkunr");

07. var textbausteinid = (RadDropDownList) e.Container.Controls[1].FindControl(id: "Textbaustein_Id");

08. if (aukunr.Enabled)

09. aukunr.Focus();

10. else

11. textbausteinid.Focus();

12. }

13. }

Scheduler

answered on 20 Jul 2016

4 answers

193 views

Image Editor in Image Manager of RadEditor Can't use pencil?

Wonder if this had been asked before but I notice the Image Editor in Image Manager of RadEditor lack the ability for pencil drawing or did I miss something here?

I was under the impression that the Image Editor in Image Manager of RadEditor actually is the Rad Image Editor.

Editor

answered on 20 Jul 2016