Questions on UI for ASP.NET AJAX Forum

2 answers

109 views

Appointment Template problem.

I have the following code in my Appointment Template.

<AppointmentTemplate>

<div><h1><%# Eval("Subject") %></h1><br /></div>

<hr />

<div><h2><%# Eval("Attributes['Rooms']") %></h2></div>

<div><h3><%# Eval("Attributes['StaffNames']") %></h3></div>

<div><h4><%# Eval("Start","{0:t}") %> - <%# Eval("End","{0:t}") %></h4></div>

</AppointmentTemplate>

This then creates the appointment like the image below.

What I need is for the hr line to move up a bit.

I have tried in the css stylesheet using margins and padding and nothing works

.hr

{

margin: 5px 0 !important;

border-width: 1px 0 0 0;

height: 1px;

}

When i remove the <br /> it pushes the line up but it still does not work with margins or padding.

Any suggestions.

Cheers

John M

Scheduler

answered on 12 Dec 2013

3 answers

140 views

Radio GroupName AJAX

When i do a postback with RadButtons toggletype radio and have specific groupnames, it looses the groupname on postback and ajax panel wrapper. however i put asp:RadioButtons with their own specific groupnames and it doesnt have a problem, they still recognize each other.

<telerik:RadAjaxManager runat="server" ID="RadAjaxManager1" DefaultLoadingPanelID="RadAjaxLoadingPanel1">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadButtonSetupSave">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadAjaxPanelMain" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

<ClientEvents OnResponseEnd="OnResponseEnd" OnRequestStart="OnRequestStart"/>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1" ToolTip="Please wait..."

Height="50px" Width="50px" />

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

<telerik:RadAjaxPanel runat="server" ID="RadAjaxPanelMain" Width="1000px" Height="1000px">

<div style="margin: 5px;">

<telerik:RadButton runat="server" ID="RadButtonSetupSave" Text="Save"

AutoPostBack="true" />

<div style="float: left; width: 100%; margin: 15px;">

<div style="float: left; width: 100%; margin: 5px;">

<telerik:RadButton runat="server" ID="RadButton1" ButtonType="ToggleButton" Text="RadButton1"

ToggleType="Radio" AutoPostBack="false" GroupName="GroupNameRadButton" />

</div>

<div style="float: left; width: 100%; margin: 5px;">

<telerik:RadButton runat="server" ID="RadButton2" ButtonType="ToggleButton" Text="RadButton2"

ToggleType="Radio" AutoPostBack="false" GroupName="GroupNameRadButton" />

</div>

<div style="float: left; width: 100%; margin: 15px;">

<div style="float: left; width: 100%; margin: 5px;">

<asp:RadioButton runat="server" ID="RadioButton1" Text="RadioButton1"

AutoPostBack="false" GroupName="GroupNameRadioButton" />

</div>

<div style="float: left; width: 100%; margin: 5px;">

<asp:RadioButton runat="server" ID="RadioButton2" Text="RadioButton2"

AutoPostBack="false" GroupName="GroupNameRadioButton" />

</div>

</telerik:RadAjaxPanel>

So first time in the form, all the buttons behave accordingly, respecting the groupnames. After the save button is hit and a post back occurs the telerik buttons lose radio groupname functionally, but the standard asp buttons do not. Is there a workaround?

Thanks!

Button

answered on 12 Dec 2013

7 answers

198 views

PanelBar - Collapse image is not visible

Hi Telerik team,
I am using Telerik version 2013.1.220.40.
I am unable to view the Collapse image of the RadPanelbar.
I am trying to dynamically add a RadGrid in a RadPanelbar(created at runtime as well).
Please see the below code for more clarification:



Dim radPanelBarForGrids As New RadPanelBar() 
Dim panelItem As RadPanelItem = New RadPanelItem()
panelItem.Text = drv("trcNum")
panelItem.Expanded = True
Dim panelForItems As New Panel() 'Created a new panel
panelForItems.Controls.Add(escrowGrid) 'Added the grid in the panel
panelItem.Controls.Add(panelForItems) 'Added the panel in RadPanelItem
radPanelBarForGrids.ExpandMode = PanelBarExpandMode.FullExpandedItem
radPanelBarForGrids.Width = Unit.Percentage(100)
radPanelBarForGrids.Items.Add(panelItem) 'Added the RadPanelItem in RadPanelBar
phMultiGrids.Controls.Add(radPanelBarForGrids) ' Added the RadPanelBar in a PlaceHolder

Please see the attached image where I am unable to view the Collapse icon in my webapp.
I need to implement this fucntionality at the earliest.
So hoping for a quick response from you folks.

Thanks in Advance.

Shouvik

PanelBar

answered on 12 Dec 2013

1 answer

206 views

Using Telerik - 0x800a138f - JavaScript runtime error: Unable to get property 'documentElement' of undefined or null reference

I am using .Net Framework 4.5
telerik dll version 2011.2.721.35

i am getting script error:

0x800a138f - JavaScript runtime error: Unable to get property 'documentElement' of undefined or null reference
i was using below meta. but i getting same error.
<meta http-equiv="X-UA-Compatible" content="IE=edge" />

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Upcoming.aspx.cs" Inherits="Website.Upcoming" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

<title></title>

<link rel="stylesheet" href="css/style.css">

</head>

<body>

<form id="form1" runat="server">

<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>

<div >

<telerik:RadGrid ID="grid1" runat="server" ShowStatusBar="false" GridLines="Both" Skin="WebBlue"

AutoGenerateColumns="False" AllowMultiRowSelection="False" AllowPaging="false"

ShowHeader="true" OnNeedDataSource="grid1_NeedDataSource" Height="350px" ClientSettings-Scrolling-UseStaticHeaders="true" ClientSettings-Scrolling-AllowScroll="true" >

<MasterTableView>

<Columns>

<telerik:GridHyperLinkColumn DataTextField="Name" DataNavigateUrlFields="Id" DataNavigateUrlFormatString="Test.html?id={0}" Target="_parent" HeaderText="Class">

</telerik:GridHyperLinkColumn>

<telerik:GridBoundColumn DataField="MyClassDate" DataType="System.String" HeaderText="Starts On">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</div>

</form>

</body>

</html>

Thanks,
Please help me.

Grid

answered on 12 Dec 2013

1 answer

126 views

Client-Side Data Binding using Page Methods Cannot Sum Footers

I followed the Telerik example to perform client-side data binding using Page Methods/WebMethods and it's working great: Client Side Binding.

I'm trying to display a footer for the grid (not at the group level) with sums of the columns (to start I've only tried it with the first couple of numeric columns). The footer sums show up but the totals are always 0.

This is the page I've created:

head runat="server">

<title></title>

<script type="text/javascript" src="jquery-1.8.2.js"></script>

<script type="text/javascript">

$(document).ready(function () {

$('#lbtnGo').click(function () {

SaveGridValues();

});

</script>

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

<script type="text/javascript">

function SaveGridValues() {

var tableView = $find("<%= RadGrid1.ClientID %>").get_masterTableView();

var Updates = new Array();

for (var i = 0; i <= tableView._dataItems.length - 1; i++) {

var dataItem = tableView._dataItems[i];

var row = dataItem.get_element();

var label = row.children[0].children[0];

var Appx = label.innerText;

var checkBox = row.children[1].children[0];

var ZeroCostAppx = checkBox.checked;

var rtb0102InstHoursPer = tableView._dataItems[i].findControl("rtb0102InstHoursPer");

var current_rtb0102InstHoursPer = rtb0102InstHoursPer._value

var rtb0102InstAmountPer = tableView._dataItems[i].findControl("rtb0102InstAmountPer");

var current_rtb0102InstAmountPer = rtb0102InstAmountPer._value

var rtb0111TravelHoursPer = tableView._dataItems[i].findControl("rtb0111TravelHoursPer");

var current_rtb0111TravelHoursPer = rtb0111TravelHoursPer._value

var rtb0111TravelAmountPer = tableView._dataItems[i].findControl("rtb0111TravelAmountPer");

var current_rtb0111TravelAmountPer = rtb0111TravelAmountPer._value

var bd = new Object();

bd.appx = Appx;

bd.a01_02InstAmountPer = current_rtb0102InstAmountPer;

bd.a01_02InstHoursPer = current_rtb0102InstHoursPer;

bd.a01_11TravelAmountPer = current_rtb0111TravelAmountPer;

bd.a01_11TravelHoursPer = current_rtb0111TravelHoursPer;

bd.ZeroCostAppx = ZeroCostAppx;

Updates.push(bd);

}

PageMethods.UpdateBD("ACCS110155", Updates, GetData);

}

</script>

<script type="text/javascript">

function pageLoad(sender, eventArgs) {

var tableView = $find("<%= RadGrid1.ClientID %>").get_masterTableView();

GetData();

}

function GetData() {

PageMethods.GetData("ACCS110155", updateGrid);

}

function RadGrid1_Command(sender, args) {

//left blank

}

function updateGrid(result) {

var tableView = $find("<%= RadGrid1.ClientID %>").get_masterTableView();

tableView.set_dataSource(result);

tableView.dataBind();

}

function RadGrid1_RowDataBound(sender, args) {

var chkZeroCost = args.get_item().findControl("chkZeroCostAppx");

if (chkZeroCost != null) {

chkZeroCost.checked = args.get_dataItem()["ZeroCostAppx"];

}

var radTextBox1 = args.get_item().findControl("rtb0102InstHoursPer"); // find control

radTextBox1.set_value(args.get_dataItem()["_01_02InstHoursPer"]);

var radTextBox2 = args.get_item().findControl("rtb0102InstAmountPer"); // find control

radTextBox2.set_value(args.get_dataItem()["_01_02InstAmountPer"]);

var rtb0111TravelHoursPer = args.get_item().findControl("rtb0111TravelHoursPer"); // find control

rtb0111TravelHoursPer.set_value(args.get_dataItem()["_01_11TravelHoursPer"]);

var rtb0111TravelAmountPer = args.get_item().findControl("rtb0111TravelAmountPer"); // find control

rtb0111TravelAmountPer.set_value(args.get_dataItem()["_01_11TravelAmountPer"]);

}

</script>

</telerik:RadCodeBlock>

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />

<div>

<telerik:RadGrid ID="RadGrid1" EnableViewState="false" runat="server" AllowPaging="false"

AllowSorting="True" AllowFilteringByColumn="false" GridLines="None">

<ItemStyle Wrap="false"></ItemStyle>

<MasterTableView AllowMultiColumnSorting="true" TableLayout="Fixed" BackColor="#f2f2f2" ShowFooter="true">

<Columns>

<telerik:GridTemplateColumn DataField="Appx" HeaderText="Appx">

<ItemTemplate>

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

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="ZeroCostAppx" HeaderText="No cost">

<ItemTemplate>

<asp:CheckBox ID="chkZeroCostAppx" runat="server" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="_01_02InstHoursPer" HeaderText="_01_02InstHoursPer" Aggregate="Sum" DataType="System.Decimal">

<ItemTemplate>

<telerik:RadNumericTextBox ID="rtb0102InstHoursPer" runat="server" Width="70px" BorderColor="Transparent">

</telerik:RadNumericTextBox>

</ItemTemplate>

<FooterTemplate>

<telerik:RadNumericTextBox ID="rtb0102InstHoursPerFOOTER" runat="server">

<ClientEvents OnLoad="Load" />

</telerik:RadNumericTextBox>

</FooterTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="_01_02InstAmountPer" HeaderText="_01_02InstAmountPer" Aggregate="Sum" DataType="System.Decimal" UniqueName="_01_02InstAmountPer">

<ItemTemplate>

<telerik:RadNumericTextBox ID="rtb0102InstAmountPer" runat="server" Width="70px"

BorderColor="Transparent" Type="Currency">

</telerik:RadNumericTextBox>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="_01_11TravelHoursPer" HeaderText="_01_11TravelHoursPer">

<ItemTemplate>

<telerik:RadNumericTextBox ID="rtb0111TravelHoursPer" runat="server" Width="70px"

BorderColor="Transparent">

</telerik:RadNumericTextBox>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="_01_11TravelAmountPer" HeaderText="_01_11TravelAmountPer">

<ItemTemplate>

<telerik:RadNumericTextBox ID="rtb0111TravelAmountPer" runat="server" Width="70px"

BorderColor="Transparent" Type="Currency">

</telerik:RadNumericTextBox>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

<ClientSettings>

<ClientEvents OnCommand="RadGrid1_Command" OnRowDataBound="RadGrid1_RowDataBound">

</ClientEvents>

</ClientSettings>

</telerik:RadGrid>

</div>

<div>

<asp:LinkButton ID="lbtnGo" runat="server" Text="Go" OnClientClick="return false;"></asp:LinkButton>

</div>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">

</telerik:RadAjaxLoadingPanel>

</form>

</body>

The Code-Behind:

public partial class _Default : System.Web.UI.Page

{

protected override void OnInit(System.EventArgs e)

{

base.OnInit(e);

RadScriptManager.GetCurrent(this).EnablePageMethods = true;

}

[WebMethod]

[ScriptMethod(ResponseFormat = ResponseFormat.Json)]

public static List<BudgetedDollar> GetData(string JobNumber)

{

DataClassesDataContext db = new DataClassesDataContext(ConfigurationManager.ConnectionStrings["JM_ConnStringUser"].ToString());

var resultItems = (from BudgetedDollar dr in db.BudgetedDollars.Where(x => x.JobNumber.Equals(JobNumber)).AsEnumerable()

select dr).ToList<BudgetedDollar>();

return resultItems;

}

[WebMethod]

[ScriptMethod(ResponseFormat = ResponseFormat.Json)]

public static void UpdateBD(string JobNumber, Object o)

{

DataClassesDataContext db = new DataClassesDataContext(ConfigurationManager.ConnectionStrings["JM_ConnStringUser"].ToString());

try

{

for (int i = 0; i < ((object[])(o)).Length; i++)

{

db.sp_Update_BudgetedDollars(

JobNumber,

Int16.Parse(((System.Collections.Generic.Dictionary<string, object>)((object[])(o))[i])["appx"].ToString()),

Boolean.Parse(((System.Collections.Generic.Dictionary<string, object>)((object[])(o))[i])["ZeroCostAppx"].ToString()),

Decimal.Parse(((System.Collections.Generic.Dictionary<string, object>)((object[])(o))[i])["a01_02InstHoursPer"].ToString()),

Decimal.Parse(((System.Collections.Generic.Dictionary<string, object>)((object[])(o))[i])["a01_02InstAmountPer"].ToString()),

Decimal.Parse(((System.Collections.Generic.Dictionary<string, object>)((object[])(o))[i])["a01_11TravelHoursPer"].ToString()),

Decimal.Parse(((System.Collections.Generic.Dictionary<string, object>)((object[])(o))[i])["a01_11TravelAmountPer"].ToString()),

);

}

catch (Exception ex)

{ }

}

Thanks for your help,

James

Grid

answered on 12 Dec 2013

1 answer

103 views

RadWindow Progress Loading

Hi

I m using to load RadWindow
ShowContentDuringLoad="true"
Progress image not showing but showing if ="false" i want to show progress with "true"
can i do it?

thx

General Discussions

answered on 12 Dec 2013

6 answers

277 views

Client-side validation

Hi,

Is it possible to validate on the client through

<asp:CustomValidator CssClass="Error Akkoord" ValidationGroup="Weblink" ClientValidationFunction="Captcha" Runat="server" display="none" ID="CaptchaReq"/>

<script language="javascript">
function Captcha(oSrc, args)
{
//Validate the Captcha object here
}
</script>

Thanks,
Marc

<script language="javascript">
function Captcha(oSrc, args)
{
$(document.getElementById("<%=SoortBedrijf.ClientID%>")).addClass("PaginaError");
if ( document.getElementById("<%= SoortBedrijf.ClientID %>")!=null &&
     document.getElementById("<%= SoortBedrijf.ClientID %>").childNodes!=null)
     {
        for (var i=0;i<document.getElementById("<%= SoortBedrijf.ClientID %>").getElementsByTagName("input").length ; i++)
        {
           if ( document.getElementById("<%= SoortBedrijf.ClientID %>").getElementsByTagName("input")[i].checked )
           {
           $(document.getElementById("<%=SoortBedrijf.ClientID%>")).removeClass("PaginaError");
          args.IsValid = true;
       return true;
           }
           else
           {args.IsValid = false;
           return false;
           }
      }
   }
}
</script>

Captcha

answered on 12 Dec 2013

1 answer

37 views

dnn user mapped(bound) to a gird paramter

I have a radgrid in a dotnetnuke module and I want in the sql of the grid to have the current logged in DNN user mapped to a parameter in my where clause of the datasource.

Can you suggest how to do it? I am unsure how secure is to store it in the session..

Grid

answered on 12 Dec 2013

2 answers

170 views

Get DataKeyValues for GridCommandItem on RadGrid1_ItemCreated

protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)

{

if (e.Item is GridDataItem)

{

if (e.Item.OwnerTableView.Name == "Parent")

{

Button editLink = (Button)e.Item.FindControl("EditLink");

editLink.Attributes["href"] = "javascript:void(0);";

editLink.Attributes["onclick"] = String.Format("return ShowEditForm('{0}','{1}','{2}','{3}');",

e.Item.OwnerTableView.DataKeyValues[e.Item.ItemIndex]["EID"],

e.Item.OwnerTableView.DataKeyValues[e.Item.ItemIndex]["RID"],

e.Item.OwnerTableView.DataKeyValues[e.Item.ItemIndex]["VID"],

e.Item.ItemIndex);

}

else if (e.Item.OwnerTableView.Name == "Child")

{

// nothing

}

if (e.Item is GridCommandItem)

{

if (e.Item.OwnerTableView.Name == "Parent")

{

Button addLink = (Button)e.Item.FindControl("AddNewRecordLink");

addLink.Attributes["href"] = "javascript:void(0);";

addLink.Attributes["onclick"] = String.Format("return ShowInsertForm('{0}','{1}');",

e.Item.OwnerTableView.DataKeyValues[e.Item.ItemIndex]["EID"],

e.Item.OwnerTableView.DataKeyValues[e.Item.ItemIndex]["VID"]);

}

An exception of type 'System.ArgumentOutOfRangeException' occurred

Can anyone please help me what wrong in the bold text of code block above? I tried to get DataKeyValues and assign to asp.Button on CommandItemTemplate of RadGrid1

it works in GridDataItem, but it does not work in GridCommandItem

Thanks,
Sam

Grid

answered on 12 Dec 2013

1 answer

233 views

Expand all Items in Hierarchical Grid (Editmode inline)

Hi Telerik,

i am searching for the best approach to expand all items in a grid.

It is a 5 Level hierarchy with dynamically created columns, which should be set in editmode.

The ItemCreated and Databound Event have to be fired.

Do you have a simple way to do this?

Thanks for helping!

KR

Lars

At the moment i set all items of the first level in editmode and expand the first level.
For expanding i use following code:

protected void RadGridHierarchy_PreRender(object sender, EventArgs e)

{

if (_expandedItem != null && _expandedItem.Expanded)

{

if (_expandedItem.HasChildItems)

{

foreach (GridTableView view in _expandedItem.ChildItem.NestedTableViews)

{

foreach (GridDataItem item in view.Items)

{

item.Edit = true;

}