Questions on UI for ASP.NET AJAX Forum

1 answer

107 views

Hi there

Is there a way to move the DataLabelFields and Title down?

The reason why i ask this. Is, i have line chart that goes into the Negative and my Labels show up on the 0 line and not at the bottom of the chart.

how can this be fixed?

i have attached a picture.

regards

Jeremy

Chart (HTML5)

answered on 08 Jun 2016

1 answer

91 views

Cant hyperlink Footer text to an internal page upon grouping of a column

Hello,

I would like to hyperlink the group footer in my GRID. I've tried several approaches on this forum and none of them are working for me. I would like to pass an ID as the hyperlink in each group footer and navigate to an internal page that will show information related to grouped items.

Any help from you guys would be highly appreciated.

Thank you.

Grid

answered on 08 Jun 2016

1 answer

342 views

RadGrid CommandField

1) Is there something similar to GridView’s CommandField in Telerik Radgrid? I need to edit fields row by row.

This is how it is done in GridView:

<asp:CommandField ShowDeleteButton="True" />
<asp:CommandField ShowEditButton="True" />

2) I also need to add a custom button for each row in RadGrid. How can this be done?

Thanks!

Grid

answered on 08 Jun 2016

1 answer

60 views

Additional slot behaving like All Day slot? Or similar effect?

Can anyone advise: we need to have 2 slots which visually behave like the current 'All Day' slot - the other being an 'Any Time' slot. This means the job can be carried out any time throughout the day, whether a 10 minute or 2 hour job. Can we customise the scheduler so two slots appear and behave this way?

Alternatively, could we utilise the 1am slot for example (as none of our users would use this), rename it and then customise the view so the 1am/Any Time slot appears under All Day, and then skips 2 - 6am, followed directly by 7am which is by default the first hour of the working day view.

The reason we are hesitant to use/rename the 6am slot is that our users may need to use it.

Any help/advice massively appreciated.

Scheduler

answered on 08 Jun 2016

1 answer

596 views

RadGrid - after postback textbox field is empty in the code behind

Hi,

I am using a RadGrid to show data (obviously). Within a specific cell I have a literal that is called "DocumentName". The user has an option to rename that generic name to something custom. What I do is have a button that they click and an asp:TextBox control becomes visible with a save button. When I enter text into that textbox and hit the save button I want to get that new value from the textbox. However, I am getting an empty string every time. I have tried multiple ways Here is my code.

foreach (GridDataItem g in EventsDocsRadGV.Items)
{

// First way - returns an empty string
TextBox RenameDocumentName = (TextBox)g.FindControl("RenameDocumentName");

// Second way - returns an empty string
string txt = (g["EventTypeDesc"].FindControl("RenameDocumentName") as TextBox).Text;

// Third way - returns an empty string
GridDataItem item = (GridDataItem)g;
TextBox RenameDocumentName2 = (TextBox)item["EventTypeDesc"].FindControl("RenameDocumentName");

}

I also tried the same only wrapped in this loop
foreach (GridDataItem g in EventsDocsRadGV.MasterTableView.Items)
{

// First way - returns an empty string
TextBox RenameDocumentName = (TextBox)g.FindControl("RenameDocumentName");

// Second way - returns an empty string
string txt = (g["EventTypeDesc"].FindControl("RenameDocumentName") as TextBox).Text;
// Third way - returns an empty string
GridDataItem item = (GridDataItem)g;
TextBox RenameDocumentName2 = (TextBox)item["EventTypeDesc"].FindControl("RenameDocumentName");

}

I can access the other properties and cells that were bound onitemdatabound but not this textbox. Ideas?

Thanks!

Grid

answered on 08 Jun 2016

1 answer

61 views

RadGrid edit row

Instead of doing an in-line or pop-up edit, I would like to edit on a different page. What's the name of the edit button click event in RadGrid, so I can redirect?

Grid

answered on 08 Jun 2016

1 answer

339 views

Tab Height

What is the proper way to set/adjust the tab height when rendermode = 'Lightweight'?

I am using the latest version (Q2 2016)

Changing the height value on the control does not seem to work. Entering a number smaller than the default height cuts off the bottom of the tab, IE: text remains same distance from top of tab.

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" Skin="Black" RenderMode="Lightweight" Height="25px" SelectedIndex="4" >
<Tabs>
<telerik:RadTab runat="server" Text="Root RadTab1" >
</telerik:RadTab>
<telerik:RadTab runat="server" Text="Root RadTab2" >
</telerik:RadTab>
<telerik:RadTab runat="server" Text="Root RadTab3" >
</telerik:RadTab>
<telerik:RadTab runat="server" Text="Root RadTab4" >
</telerik:RadTab>
<telerik:RadTab runat="server" Text="Root RadTab5" Selected="True" >
</telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>

Entering a number larger than the default is ignored.

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" Skin="Black" RenderMode="Lightweight" Height="325px" SelectedIndex="4" >
<Tabs>
<telerik:RadTab runat="server" Text="Root RadTab1" >
</telerik:RadTab>
<telerik:RadTab runat="server" Text="Root RadTab2" >
</telerik:RadTab>
<telerik:RadTab runat="server" Text="Root RadTab3" >
</telerik:RadTab>
<telerik:RadTab runat="server" Text="Root RadTab4" >
</telerik:RadTab>
<telerik:RadTab runat="server" Text="Root RadTab5" Selected="True" >
</telerik:RadTab>
</Tabs>

</telerik:RadTabStrip>

See attached image for examples.

TabStrip

answered on 08 Jun 2016

1 answer

277 views

RadListView with client side binding - How to fire the item data bound event

I have bound a RadListView control with client side binding. I need to fire item data bound event and make the image controls (html image) visible true/false depending on the data record.

Also I want fire item command event on click of image (html image control) in the radListview and in that event, hide that item from the radListView.

Please suggest how to achieve the above two tasks.

ListView

answered on 08 Jun 2016

1 answer

1.6K+ views

[Solved] Update a Label after radtextbox text is changed via javascript

I have a user control inside a asp:repeater. Within the user there is a that allows the user to enter the desired quantity of an item. A script will then be called to update a label control with the total for that line ( * item price). The textbox calls a javascript OnValueChanged. The javascript is firing as it should. The problem is that the javascript will not update the label control. I have tried using an asp:label and a : but neither control will update. Any help would be greatly appreciated.

User Control

<%@ Control Language="vb" AutoEventWireup="false" CodeBehind="custRow.ascx.vb" Inherits="custPortal.custRow" %>

<div class="row">

<div class="large-6 columns">

<asp:Label runat="server" ID="productName">product name</asp:Label>

</div>

<div class="large-1 columns">

<asp:Label runat="server" ID="productPrice" Text="$0.00"></asp:Label>

</div>

<div class="large-1 columns">

<telerik:RadTextBox ID="qty" runat="server" Width="100%">

<ClientEvents OnValueChanged="updateLine" />

</telerik:RadTextBox>

</div>

<div class="large-1 columns">

<asp:Label runat="server" ID="lblTotal"></asp:Label>

</div>

<div class="large-1 columns">

</div>

<div class="large-2 columns">

</div>

<script type="text/javascript">

function updateLine(sender, args) {

var vBox = $find('<%=qty.ClientID %>');

var pBox = document.getElementById('<%=productPrice.ClientID%>');

var newLineTotal = sender.get_value() * pBox.innerText;

document.getElementById('<%=lblTotal.ClientID%>').textContent = newLineTotal;

}

</script>

Please note I have tried .textContent, .innerHTML, .innerText and .value to change the label text and none of those have worked.

And here is the code for the ASPX page


<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="index.aspx.vb" Inherits="custPortal.index" %>
 
<%@ Register Src="~/controls/custRow.ascx" TagPrefix="uc1" TagName="custRow" %>
 
 
<!DOCTYPE html>
 
<html class="no-js" lang="en">
<head runat="server">
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Foundation</title>
    <link rel="stylesheet" href="stylesheets/app.css" />
    <script src="bower_components/modernizr/modernizr.js"></script>
 
</head>
<body>
    <form id="form1" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"></telerik:RadAjaxManager>
 
        <div class="row">
            <div class="large-12 columns">
                <asp:Repeater ID="Repeater1" runat="server" DataSourceID="lqProducts">
                    <ItemTemplate>
                        <uc1:custRow runat="server" ID="custRow" ItemName="ITEM" UnitPrice="50" />
                    </ItemTemplate>
                </asp:Repeater>
                <asp:LinqDataSource ID="lqProducts" runat="server" ContextTypeName="virtuePortal.vDbDataContext" EntityTypeName="" TableName="products">
                </asp:LinqDataSource>
            </div>
 
        </div>
        <div class="row">
            <div class="large-6 columns">
                <asp:LinkButton runat="server" ID="btnSUbmit" CssClass="button">Submit</asp:LinkButton>
            </div>
            <div class="large-6 columns">
                <asp:Label runat="server" ID="myTotal"></asp:Label>
            </div>
        </div>
    </form>
 
    <script src="bower_components/jquery/dist/jquery.min.js"></script>
    <script src="bower_components/foundation/js/foundation.min.js"></script>
    <script src="js/app.js"></script>
</body>
</html>

Input

answered on 08 Jun 2016

5 answers

265 views

Multiple Select does not work when we set OnNodeClick

Hi all,

I have a problem with mulipleselect setting.

Without OnNodeClick setting . it works fine. I can do shift and select the nodes.

Is there any workaround for this to get both of them to work together at all?

Thank you in advance

Cheers.

TreeView

answered on 08 Jun 2016