Questions on UI for ASP.NET AJAX Forum

2 answers

691 views

JQuery for Telerik Ajax

Hi,

Im using Telerik 2015.1.401.45 version.

In the ScriptResource.axd, it is showing that is using the JQuery 1.11.1 version.

But we wanted to removed the JQuery 1.11.1 reference as there might be vulnerability issue.

Is there any way to remove the JQuery from Telerik and not showing in ScriptResource.axd?

Thanks.

General Discussions

answered on 27 Aug 2019

1 answer

194 views

ComboBox not enabled inside AjaxPanel

Hello,

I'm to use two ComboBoxes to configure country and city. To prevent the whole page to reload on update the city combobox I want ot use an AjaxPanel with UpdatePanel. This AjaxPanel is surrounded by another AjaxPanel with UpdatePanel. The second AjaPanel is inise a Control which is laded dynamically depending on a selected item of a RadTreeView. The structure (splitted over several controls) looks like this:

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="LoadingPanel1">
<asp:UpdatePanel ID="UpdatePanel1" runat="server">

....

<telerik:RadAjaxPanel ID="RadAjaxPanel2" runat="server" LoadingPanelID="LoadingPanel2">
<asp:UpdatePanel ID="locationpanel" runat="server">

.....

the two ComboBoxes

I tried this scenarios to make it work:

- I added a RadAjaxManager inside the mater page with AjaxSettings to update the second ComboBox when the first has changed. The result is that the page is completely empty

- Removed the settings from the RadAjaxManager -> still empty

- Added UpdateMode="Conditional" to the second UpdatePanel -> the page is shown and also the ComboBoxes but they dont work - the drropdown menue is not working

- Added Triggers to the second AjaxPanel -> the same result as without Triggers

I also added asp:DropDownLists and they work as they should, but when i make changes on the Lists i get a LAbel ubove the Listboxes saying "5843|updatePanel|ctl00_MainContent_ctl00_Person1_RadPanelBar1_i0_locationpanel| "

As it's a little bit complicated i uploaded the file to my cloud

https://cloud.fee.de/index.php/s/SIpowivPPpIXpWC

I really hope that you can help me solve the problem with the ComboBoxes. Many thanks in advance for your help.

Greetings,

Stephan

AjaxPanel

answered on 27 Aug 2019

2 answers

322 views

RadGrid with UseStaticHeaders vertical scrollbar hides last column

I have a RadGrid that I added UseStaticHeaders="true" to and now the last column is partially hidden by the vertical scroll bar (as shown in attached image).

Here is my grid:

<telerik:RadGrid ID="rgReorderParts" runat="server" Skin="Windows7" CellSpacing="0" CellPadding="0" GridLines="Both" ShowHeader="True" ShowFooter="True" AutoGenerateColumns="false" AllowMultiRowSelection="true"> <ClientSettings> <Scrolling AllowScroll="True" ScrollHeight="300" UseStaticHeaders="true" /> </ClientSettings> <MasterTableView DataKeyNames="PartNumber" CommandItemDisplay="None"> <CommandItemSettings ShowAddNewRecordButton="false" /> <Columns> <telerik:GridTemplateColumn HeaderText="View" HeaderStyle-Width="40" ItemStyle-Width="40" > <ItemTemplate> <asp:ImageButton ID="btnViewPart" runat="server" ImageUrl="~/images/icons/pencil.png"

<br>                                OnClientClick='<%# String.Format("GetViewPartInfo(""{0}""); return false;", Eval("PartNumber").ToString.EncodeJsString) %>' /><

br> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridBoundColumn HeaderText="Part #" DataField="PartNumber" HeaderStyle-Width="100" ItemStyle-Width="100" /> <telerik:GridBoundColumn HeaderText="Part Description" DataField="PartDescription" HeaderStyle-Width="200" ItemStyle-Width="200" /> <telerik:GridBoundColumn HeaderText="Max. Level" DataField="MaxStockLevel" DataType="System.Decimal" DataFormatString="{0:0.#####}"  HeaderStyle-Width="70" ItemStyle-Width="70" /> <telerik:GridBoundColumn HeaderText="Order Point" DataField="ReorderPoint" DataType="System.Decimal" DataFormatString="{0:0.#####}"  HeaderStyle-Width="70" ItemStyle-Width="70" /> <telerik:GridBoundColumn HeaderText="Min. Level" DataField="MinStockLevel" DataType="System.Decimal" DataFormatString="{0:0.#####}"  HeaderStyle-Width="70" ItemStyle-Width="70" /> <telerik:GridBoundColumn HeaderText="Expected Qty" DataField="QuantityExpected" DataType="System.Decimal" DataFormatString="{0:0.#####}"  HeaderStyle-Width="70" ItemStyle-Width="70" /> <telerik:GridTemplateColumn HeaderText="Supplier" UniqueName="OrderSupplierID" HeaderStyle-Width="210" ItemStyle-Width="210"> <ItemTemplate> <telerik:RadComboBox ID="ddlSupplierID" runat="server" Width="190" /> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn HeaderText="Order Quantity" UniqueName="OrderQuantity" HeaderStyle-Width="100" ItemStyle-Width="100"> <ItemTemplate> <telerik:RadNumericTextBox ID="txtOrderQuantity" runat="server" Type="Number" MaxValue="9999999.99999" Width="80"

<br>                                ClientEvents-OnBlur="FormatZeros_ZeroDecimals" ClientEvents-OnLoad="FormatZeros_ZeroDecimals"<

br

>                                EnabledStyle-HorizontalAlign="Right" DisabledStyle-HorizontalAlign="Right"><

br> <NumberFormat DecimalDigits="5" /> </telerik:RadNumericTextBox> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn HeaderText="UOM" UniqueName="OrderUOM" HeaderStyle-Width="100" ItemStyle-Width="100"> <ItemTemplate> <telerik:RadComboBox ID="ddlUOM" runat="server" Width="80" /> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridBoundColumn DataField="Warehouse" Display="false" /> <telerik:GridBoundColumn DataField="UOM" Display="false" /> <telerik:GridBoundColumn DataField="QuantityOnHand" Display="false" /> <telerik:GridBoundColumn DataField="QuantityCommitted" Display="false" /> <telerik:GridBoundColumn DataField="QuantityAvailable" Display="false" /> <telerik:GridBoundColumn DataField="QuantityOpenPO" Display="false" /> <telerik:GridBoundColumn DataField="QuantityOpenMOComponent" Display="false" /> <telerik:GridBoundColumn DataField="QuantityOpenSO" Display="false" /> <telerik:GridBoundColumn DataField="QuantityExpected" Display="false" /> <telerik:GridDateTimeColumn DataField="LastPurchaseDate" DataFormatString="{0:d}" Display="false" /> <telerik:GridDateTimeColumn DataField="LastSaleDate" DataFormatString="{0:d}" Display="false" /> <telerik:GridBoundColumn DataField="MinOrderQuantity" Display="false" DataFormatString="{0:0.#####}" /> <telerik:GridBoundColumn DataField="SupplierID" Display="false" /> <telerik:GridBoundColumn DataField="SupplierName" Display="false" /> <telerik:GridBoundColumn DataField="QuantitySuggested" Display="false" /> <telerik:GridClientSelectColumn HeaderText="Select Line" UniqueName="SelectLine" HeaderTooltip="Select Line" DataType="System.Boolean"  HeaderStyle-Width="18" ItemStyle-Width="18" /> </Columns> </MasterTableView> <ClientSettings> <Selecting AllowRowSelect="true" UseClientSelectColumnOnly="true" /> </ClientSettings> </telerik:RadGrid> 

What do I need to change so the last "SelectLine" column is not partially hidden by the scroll bar?

Grid

answered on 27 Aug 2019

3 answers

145 views

[Solved] Node Inspector: Add functionality

Hello all,

I'm trying to add a checkbox with custom functionality to the NodeInspector for 'A'-tags; specifically I want to alter the href of an a-tag by appending a GET-Parameter depending on the checkbox-state.

So far, I've been able to find a way to select from the available functions of the NodeInspector as shown here, but I couldn't find a way to add a checkbox to the list of available functions.

Is there any such possibility to add a function to the NodeInspector and what would be the intended way to do so?

Many thanks,
Matthias

Editor

answered on 26 Aug 2019

1 answer

196 views

Conditinally hide all Child Tables 'Add New Records' Command Item Template Button based on Master Table Column Value

Using Telerik .Net Ajax with VS 2015 and 2017.

Below Telerik Link is my prototype.

https://demos.telerik.com/aspnet-ajax/grid/examples/data-editing/insert-update-delete-hierarchy/defaultcs.aspx

In my MasterTableView I have a column named 'IsClosed' which is Bit data type in SQL and is a GridBoundColumn in RadGrid.

My question is if column 'isClosed' is true in MasterTableView

1) I would like just to disable 'Add New Records' Commanditem Template Button invisibile to all related GridTableView's but keep 'Refresh'
CommandItem Template Button's available.

2) MasterTableView ''Add New Records' Commanditem Template Button should be visible/enabled.

Thanks a lot

gc_0620

Grid

answered on 26 Aug 2019

5 answers

409 views

[Solved] Popup Edit Form styling

I have created a skin called "purple_grid" - basically, it is the default skin with a few purple images thrown in. I've gotten everything working except:
.RadGrid_purple_grid .rgEditForm .rgHeader
        {
               background-image:url('Grid/gradient_35.png');
        }

I'm trying to have the edit form popup have the same header style as the command cell DIV.RadGrid_purple_grid .rgCommandCell {

   BACKGROUND-IMAGE: url('Grid/gradient_35.png');
   color: #ffffff !important;

}

and have tried prefixing with DIV/TD/TR to no avail. Suggestions?

Grid

answered on 26 Aug 2019

2 answers

1.1K+ views

The type or namespace name 'Telerik' could not be found.

We recently got the latest update and I installed in on my computer - when I put the .dll file into the application in the bin folder - it gave me this error. When I put the old .dll back in - the application works fine. Am I missing something? Thanks.

General Discussions

answered on 26 Aug 2019

1 answer

199 views

RadToolTipManager, AjaxUpdate event not working.

I have a requirement to implement "Tooltip" in html table row. In order to implement Tooltip functionality i have used RadToolTipManager, here i am getting tooltip while hovering on html table row, but unable to populate value in the tooltip, as AjaxUpdate event which i have declared in Customer.ascx.cs file is not working -

RadToolTipManager1= this.Page.Master.FindControl("RadToolTipManager1") as RadToolTipManager

RadToolTipManager1.AjaxUpdate += new ToolTipUpdateEventHandler(RadToolTipManager_AjaxUpdate);

Please help me in calling AjaxUpdate event in Customer.ascx.cs file so that i can update my Tooltip with the values coming from DB without using webservice.

I am giving code that i tried to implement Tooltip functionality. for reference -

Master page -

<telerik:RadToolTipManager RenderMode="Lightweight" ID="RadToolTipManager1" Width="400px" Height="200px" ContentScrolling="Auto" HideEvent="ManualClose" RelativeTo="Element" Position="BottomCenter" runat="server" IgnoreAltAttribute="true"></telerik:RadToolTipManager>

In script Tooltip.js file -

showToolTip: function (element) {

var tooltipManager = telerikDemo.tooltipManager;

//If the user hovers the image before the page has loaded, there is no manager created

if (!tooltipManager) return;

////Find the tooltip for this element if it has been created

var tooltip = tooltipManager.getToolTipByElement(element);

//Create a tooltip if no tooltip exists for such element

if (!tooltip) {

tooltip = tooltipManager.createToolTip(element);

//Use the fact that the image was named after a country

//Extract the country name from the image, and set it as the value to be supplied to the web-service

tooltip.set_targetControlID(element.id)

}

//Let the tooltip's own show mechanism take over from here - execute the onmouseover just once

element.onmouseover = null;

//show the tooltip

setTimeout(function () {

tooltip.show();

}, 10);

}

Customer.ascx

<tr id="Amount" onmouseover='telerikDemo.showToolTip(this)'>

<td>

<%# Decimal.Parse(Eval("Amount").ToString()) < 0

? String.Format("({0:N})", Math.Abs(Decimal.Parse(Eval("Amount").ToString()))) :String.Format("{0:N}", Decimal.Parse(Eval("Amount").ToString()))%>

</td>

</tr>

Customer.ascx.cs

public partial class Customer: System.Web.UI.UserControl{

protected RadToolTipManager RadToolTipManager1;

protected void Page_Load(object sender, EventArgs e)

{

RadToolTipManager1= this.Page.Master.FindControl("RadToolTipManager1") as RadToolTipManager;

RadToolTipManager1.AjaxUpdate += new ToolTipUpdateEventHandler(RadToolTipManager_AjaxUpdate);

}

protected void RadToolTipManager_AjaxUpdate(object sender, ToolTipUpdateEventArgs e)

{

AjaxUpdate is not working.

}

I tried to implement above "Tooltip" functionality by referring below link.
https://demos.telerik.com/aspnet-ajax/tooltip/examples/radtooltipmanagerclientapi/defaultcs.aspx

Thanks in advance.

Aditya

ToolTip

answered on 23 Aug 2019

4 answers

559 views

RadMenu Sub Menus Expand onClick but not onMouseHover

Hi,
i need to expand sub menus onClick but not onMouserHover. i have tried it by adding a property ClickToOpen="True" but while clicking on menu sub menus are opening, page is taking a postback and sub menus are closing again. Sub menus should be in open state but it is closing. Requesting to provide me some solution on this.

Thanks and Regards
A.Rajender

Menu

answered on 23 Aug 2019

4 answers

160 views

"RadScheduler *" CSS Selector

Scheduler

answered on 22 Aug 2019