Questions on UI for ASP.NET AJAX Forum

3 answers

112 views

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

129 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

350 views

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.0K+ 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

144 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

465 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

124 views

"RadScheduler *" CSS Selector

Scheduler

answered on 22 Aug 2019

1 answer

104 views

Full/Half Resource Bookings

I've been tasked with writing a scheduler for football pitches. Each pitch can also be divided into two half pitches. Obviously if a half pitch is booked then the full pitch cannot be booked at the same time and I need to add a 15 minute interval between every booking. So if a half pitch is booked for 2pm the full pitch cannot be booked until 3.15pm (1 hour + 15 minutes). However, someone could book the other half for 2.15pm which means the full pitch would not be available until 3.30pm (2.15 + 1 hour + 15 minutes). I have tried to do this using resources but I cannot work out how to create a resource (pitch) which could be 1st half or 2nd half or full depending on the other bookings (appointments) around it.

Any help / ideas / pointers would be very much appreciated.

Thank you!

Scheduler

answered on 22 Aug 2019

6 answers

165 views

RadGrid hiding columns when frozen

Hi,

I've got an issue where the RadGrid is hiding columns that it shouldn't do when Google Chrome has hardware acceleration disabled. We're not seeing the same behaviour on Edge or Internet Explorer, and it doesn't seem to happen every time.

I'm trying to work around it in JavaScript by raising RadAjaxManager.ajaxRequestWithTarget and raising the scroll event, but this just duplicates columns.

Can you give me a bit of guidance how to work round this?

Thanks

Grid

answered on 22 Aug 2019

0 answers

111 views

RadGrid Cannot Add Edit or Delete

I have this Rad Grid setup

<telerik:RadGrid ID="RGLeadExaminer" runat="server"

OnItemCommand="RadEmployees_ItemCommand"

OnInsertCommand="RGLeadExaminer_InsertCommand"

OnUpdateCommand="RGLeadExaminer_UpdateCommand"

OnItemCreated="RGLeadExaminer_ItemCreated"

OnItemInserted="RGLeadExaminer_ItemInserted"

OnItemDataBound="RGLeadExaminer_ItemDataBound"

AllowAutomaticInserts="false"

AutoGenerateColumns="false"

OnNeedDataSource="RGLeadExaminer_NeedDataSource"

AllowAutomaticDeletes="true"

AllowAutomaticUpdates="false"

MasterTableView-AllowAutomaticInserts="true">

<MasterTableView AutoGenerateColumns="false" CommandItemDisplay="Top"

DataKeyNames="ExaminationId" Font-Size="Medium"

NoMasterRecordsText="No Validations Added" InsertItemPageIndexAction="ShowItemOnCurrentPage"

CommandItemSettings-AddNewRecordText="Add New Comparison">

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn" />

<telerik:GridTemplateColumn UniqueName="" HeaderText="Lead Examiner Full Name">

<ItemTemplate>

<asp:Label ID="lblExaminerName" runat="server"

Text='<%# DataBinder.Eval(Container.DataItem, "ExaminerName") %>'>

</asp:Label>

</ItemTemplate>

<EditItemTemplate>

<asp:DropDownList ID="ddlExaminerName" runat="server" UniqueName="ExaminerName" DataTextField="ExaminerName" DataValueField="ExaminedById_FK" />

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="DateTemplateColumn" HeaderText="Comparison Date" SortExpression="ComparisonDate">

<ItemTemplate>

<asp:Label ID="ComparisonDateEditItemTemplate" runat="server"

Text='<%# DataBinder.Eval(Container.DataItem, "ExaminedDate","{0:MM/dd/yyyy}") %>'>

</asp:Label>

</ItemTemplate>

<EditItemTemplate>

<telerik:RadDatePicker ID="dpExaminationDate" UniqueName="ExaminationDatePicker" DateInput-DateFormat="MM/dd/yyyy" MinDate="2006/1/1" runat="server" DbSelectedDate='<%# Bind("ExaminedDate") %>'>

</telerik:RadDatePicker>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="ExamByNonOCSO" HeaderText="Examined By Non OCSO">

<ItemTemplate>

<asp:Label ID="lblOtherAgency" runat="server" Visible="true"

Text='<%# DataBinder.Eval(Container.DataItem, "ExaminedByNoneOCSO") %>'></asp:Label>

</ItemTemplate>

<EditItemTemplate>

<asp:TextBox runat="server" ID="txtExamindedBy" Visible="true"></asp:TextBox>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn AllowFiltering="false">

<ItemTemplate>

<asp:Button ID="btnComparisonDelete" CssClass="btn btn-xs btn-danger"

Text="Delete" runat="server" OnClick="btnComparisonDelete_Click"

OnClientClick="confirmAspButton(this); return false;"></asp:Button>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

The Radgrid works fine to display the data. The problem is I cannot add, delete or edit any records. If I click the delete button or edit icon nothing happens. If I click the Add new comparison link all of the controls used to add a new record are displayed. The drop down list shows the first record for the list, but I cannot get the drop down list to open and show other selections, I cannot click into the text box to add new text.

But for some reason I can select a date for the date picker. If I click the Insert or cancel links nothing happens. What have I done wrong with this setup.

I am using a SQL Server view as my datasource for this grid. I have used views in the past without this problem.

Grid

asked on 21 Aug 2019