Questions on UI for ASP.NET AJAX Forum

3 answers

250 views

RADComboBox in Grid

Hi Forum,
I have a RADGrid with a RADComboBox column with EnableLoadOnDemand=true and ItemsRequest event defined.

<telerik:RadComboBox ID="cboLocalita"

EnableVirtualScrolling="true"

OnItemsRequested="cboLocalita_ItemsRequested"

ShowMoreResultsBox="true"

EnableLoadOnDemand="true"

DataTextField ="descrizione"

DataValueField ="idlocalita"

runat="server">

</telerik:RadComboBox>

Protected Sub cboLocalita_ItemsRequested(ByVal o As Object, ByVal e As Telerik.Web.UI.RadComboBoxItemsRequestedEventArgs)

Dim context As New JLogTabelleDataContext

Dim allLocalita = From localita In context.localita _

Order By localita.descrizione _

Select localita

If Not [String].IsNullOrEmpty(e.Text) Then

allLocalita = From localita In context.localita _

Where localita.descrizione.StartsWith(e.Text) _

Order By localita.descrizione _

Select localita

End If

Dim Lstlocalita = allLocalita.Skip(e.NumberOfItems).Take(10)

CType(o, RadComboBox).DataSource = Lstlocalita

CType(o, RadComboBox).DataBind()

Dim endOffset As Integer = e.NumberOfItems + Lstlocalita.Count()

Dim totalCount As Integer = allLocalita.Count()

If endOffset = totalCount Then

e.EndOfItems = True

End If

e.Message = [String].Format("Rec <b>1</b>-<b>{0}</b> Tot <b>{1}</b>", endOffset, totalCount)

End Sub

The automatic CRUD operation enabled on the Grid doesn't work, so the value of RADComboBox never change after update of then EditForm and is setted to NULL when I perform a created operation.

If I bind the Combobox to a Datasource object by the property DataSourceID and I disable EnableLoadOnDemand without implement OnItemsRequest event , CRUD works fine. I have a lot of records to show in ComboBox therefore Loading data on demand is very important.
Thanks to all for any response.
Gaetano

Grid

answered on 05 Jul 2012

3 answers

435 views

[Solved] Position Relative or Absolute

How can I make RadNotification stay in 1 place at all times despite scrolling? I would like to position it relative (below) an image.

Notification

answered on 05 Jul 2012

1 answer

162 views

Rad Filter Add expression Get Value

How can i get the Add Expression or Remove item ID of the RadFilter in server side.
It's Urgent
See The Image

Thanks Advance,
Mohamed.

Filter

answered on 05 Jul 2012

1 answer

129 views

Rad Editor Add expression Value Get

How I get RadFilter Add expression Click Id ,
It's Urgent
See The Image

Thanks Advance,
Mohamed.

Filter

answered on 05 Jul 2012

5 answers

288 views

[Solved] Adding Node Template Column Remove Text from Rad Tree View

Hi,

I have a tree view control. In that I have tree view populted with Node Image and Text Property.

I have added a new node template column with asp.Image button control inside node template column.
But when I added node template column Text property of Rad Tree view is not showing :(.

Please give some hints on this scenario.

TreeView

answered on 05 Jul 2012

3 answers

335 views

How to loop through a Grid with data

Hi All,
I have a grid which is perfectly fine and fill with data.
Now i need to loop through the grid in order to read out its column name and data in a button click event.I have search online and try with few alternatives and it is not working.Can anyone help?
I have try with :

1). ajaxExport.Columns(0).HeaderText

2). For Each column As GridDataItem In ajaxExport.Items
                If TypeOf column Is GridDataItem Then
                    Dim col As GridDataItem = TryCast(column, GridDataItem)

                    a = col(0).Text
                    'col.Width = 90
                    'col.HeaderText = "Column count: " + i.ToString
                    i = i + 1
                End If
            Next

Help Please!!

Grid

answered on 05 Jul 2012

3 answers

178 views

[Solved] ClientEvents-OnValueChanged calculate sum Not working in Q2 2012

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs" Inherits="mtidb_app.test" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager ID="radsm" runat="server" EnablePageMethods="true" EnablePartialRendering="true" />
    <telerik:RadWindowManager ID="RadWindowManager2" runat="server" EnableShadow="true" ></telerik:RadWindowManager>
    <telerik:RadAjaxManager ID="radam" runat="server" EnableHistory="True"></telerik:RadAjaxManager>
    <telerik:RadAjaxLoadingPanel id="LoadingPanel" Runat="server" Transparency="30" EnableSkinTransparency="false" Width="100%" Height="100%" BackgroundPosition="Center" >
    </telerik:RadAjaxLoadingPanel>

    <telerik:RadAjaxPanel ID="radp4" runat="server" LoadingPanelID="LoadingPanel" Width="100%" >
    <telerik:RadCodeBlock ID="RadCodeBlock4" runat="server">
        <script type="text/javascript">
            function CalculateAdjustment() {
                var reg = $find("<%= tbAdjustReg.ClientID %>");
                var tuition = $find("<%= tbAdjustTuition.ClientID %>");
                var admin = $find("<%= tbAdjustAdmin.ClientID %>");
                var supply = $find("<%= tbAdjustSupply.ClientID %>");
                var uniform = $find("<%= tbAdjustUniform.ClientID %>");
                var textbook = $find("<%= tbAdjustTextbook.ClientID %>");
                var other = $find("<%= tbAdjustOther.ClientID %>");
                var tax = $find("<%= tbAdjustTax.ClientID %>");
                var total = $find("<%= tbAdjustTotal.ClientID %>");

              if (reg.get_value() == '') reg.set_value('0');
               if (tuition.get_value() == '') tuition.set_value('0');
                if (admin.get_value() == '') admin.set_value('0');
                if (supply.get_value() == '') supply.set_value('0');
                if (uniform.get_value() == '') uniform.set_value('0');
                if (textbook.get_value() == '') textbook.set_value('0');
                if (other.get_value() == '') other.set_value('0');
                if (tax.get_value() == '') tax.set_value('0');

                total.set_value(reg.get_value() + tuition.get_value() + admin.get_value() + supply.get_value() + uniform.get_value() + textbook.get_value() + other.get_value() + tax.get_value());
            }
        </script>
    </telerik:RadCodeBlock>

<div><telerik:RadNumericTextBox ID="tbAdjustReg" runat="server" ClientEvents-OnValueChanged="CalculateAdjustment" Type="Currency" NumberFormat-DecimalDigits="2" Width="110" /></div>
<div><telerik:RadNumericTextBox ID="tbAdjustTuition" ClientEvents-OnValueChanged="CalculateAdjustment" runat="server" Type="Currency" NumberFormat-DecimalDigits="2" Width="110" /></div>
<div><telerik:RadNumericTextBox ID="tbAdjustAdmin" ClientEvents-OnValueChanged="CalculateAdjustment" runat="server" Type="Currency" NumberFormat-DecimalDigits="2" Width="110" /></div>
<div><telerik:RadNumericTextBox ID="tbAdjustSupply" ClientEvents-OnValueChanged="CalculateAdjustment" runat="server" Type="Currency" NumberFormat-DecimalDigits="2" Width="110" /></div>
<div><telerik:RadNumericTextBox ID="tbAdjustTextbook" ClientEvents-OnValueChanged="CalculateAdjustment" runat="server" Type="Currency" NumberFormat-DecimalDigits="2" Width="110" /></div>
<div><telerik:RadNumericTextBox ID="tbAdjustUniform" ClientEvents-OnValueChanged="CalculateAdjustment" runat="server" Type="Currency" NumberFormat-DecimalDigits="2" Width="110" /></div>
<div><telerik:RadNumericTextBox ID="tbAdjustOther" ClientEvents-OnValueChanged="CalculateAdjustment" runat="server" Type="Currency" NumberFormat-DecimalDigits="2" Width="110" /></div>
<div><telerik:RadNumericTextBox ID="tbAdjustTax" ClientEvents-OnValueChanged="CalculateAdjustment" runat="server" Type="Currency" NumberFormat-DecimalDigits="2" Width="110" /></div>
<div><telerik:RadNumericTextBox ID="tbAdjustTotal" ReadOnly="true" runat="server" Type="Currency" NumberFormat-DecimalDigits="2" Width="110" /></div>
</telerik:RadAjaxPanel>
</form>
</body>
</html>

The code working well in v2.0.50727 version but when i try to switch Q2 2012, it is just stop working.
Pls hlp

Input

answered on 05 Jul 2012

5 answers

345 views

How to write CSS for Telerick html controls like label, textbox, combos, textarea etc

Firstly am very fresh to this components. I already used css to lay asp:labels and asp:textboxes etc ..even grid control and calender cntrls in asp.
We need UI help to design a big project which have lot of labels and its Associated Input fields to lay ...2 column ..3 column upto 4
So how we have to write our CSS.

I just go thru the a page which is fully filled with telerick controls. And i found we cant change their color or margins or paddings thru CSS. Only we can control its width from an external CSS file. Also dropdowns are rendering inside a table so i cant control its width with SELECT tag.

Also i found that in grid if column increase width also increase will break layout ..Pls help me am attaching a sample page in our present ASP application
Thanks in Adv

UI Designer

General Discussions

answered on 05 Jul 2012

2 answers

169 views

Customize all telerik fields 'Width' Property from a external CSS

Problem 1

As you described in your own website
http://www.telerik.com/help/aspnet-ajax/input-css-width.html

CssClass="TextBoxClass" is not working in telerik:RadTextBox. Its default width is rendering. Here is the css and aspx part.

CSS---------------------------------------------------------------------------------------------------------------------------------------------------------------

.divcol-S .TextBoxClass {width:70%!important}

ASP Page---------------------------------------------------------------------------------------------------------------------------------------------------------------------

<div class="divcol-S">

<asp:Label ID="Label26" runat="server" Text="Vessel Name"></asp:Label>
<telerik:RadTextBox ID="txtVesselName" runat="server" CssClass="TextBoxClass"></telerik:RadTextBox>

<asp:Label ID="Label29" runat="server" Text="Vessel Type" ></asp:Label>
<telerik:RadComboBox ID="ddlVesselType" runat="server" CssClass="TextBoxClass"></telerik:RadComboBox>

</div>
_________________________________________________________________________________________________________________________________________________

Problem 2

As you described in your own website
http://www.telerik.com/help/aspnet-ajax/input-css-selectors.html

.riTextBox - INPUT OR TEXTAREA - The common class for the input area in all states. (from your own words)
(These class names are for the "Default" skin. For other skins, replace the string "Default" with the name of the skin.)

This means we can change the property of input/textarea globally in the entire application with this specific ClassName .riTextBox.
So no need to put CssClass on every <telerik:RadTextBox> control. But unfortunately this also not working.

CSS---------------------------------------------------------------------------------------------------------------------------------------------------------------

.divcol-S .riTextBox {width:70%!important}

ASP Page---------------------------------------------------------------------------------------------------------------------------------------------------------------------

<div class="divcol-S">

<asp:Label ID="Label26" runat="server" Text="Vessel Name"></asp:Label>
<telerik:RadTextBox ID="txtVesselName" runat="server" ></telerik:RadTextBox>

<asp:Label ID="Label29" runat="server" Text="Vessel Type" ></asp:Label>
<telerik:RadComboBox ID="ddlVesselType" runat="server" ></telerik:RadComboBox>

</div.

Thanks in Adv

SkinManager

answered on 05 Jul 2012

4 answers

385 views

HTML in label

Hi,

I've run in to a problem that I can't seem to find a solution for. We want to set the label for a RadTextBox with HTML code, like this

Name <span class='required'>*</span>

We use this to give the required star a different color / style, we set it like this from the code behind:

txtT.Label = Required ? string.Format("{0} <span class='required'>*</span>", value) : value;

However the problem is the the html code is not rendered as HTML, but as readable text showing us this label in the browser.
So it shows us: Name <span class='required'>*</span>
Instead of: Name *

How can I solve this and make the label write the HTML as I set it?

Thanks,
Danny

Input

answered on 05 Jul 2012