Questions on UI for ASP.NET AJAX Forum

2 answers

77 views

[Solved] One or more color in single sider

Hi guys

I am working on slider ,
can you please let me know whether we can have two or more color in the slider
for example

|-----------|-----------------|--------------| (Slider)
<--red--><--green----><--yellow-->

General Discussions

answered on 10 Oct 2011

2 answers

150 views

Lost TextBox Value in ServerSide RadXmlHttpPanel Event

I couldnt get TextBox value Which is placed inside of the XmlHttpPanel.Why I lost value?
There are no TextBox values XmlHttpPanel_ServiceRequest2 event,Values also set XmlHttpPanel_ServiceRequest
event.Just I can take values with js and panel.set_value but When I have a many TextBoxes this is problem.
C Sharp Code

    
               protected void XmlHttpPanel_ServiceRequest(object sender, RadXmlHttpPanelEventArgs e)  
        
                {  
        
                        string val = e.Value;  
        
                        DataSet ds = db.dbRead("Select * from Doctors where Id=" + val + "");  
        
                        TextBox1.Attributes.Add("Value", ds.Tables[0].Rows[0]["Header"].ToString());  
        
                        TextBox1.Text = ds.Tables[0].Rows[0]["Header"].ToString();  
        
                        TextBox2.Text = ds.Tables[0].Rows[0]["ShortDescription"].ToString();  
        
                        TextBox3.Text = val;  
        
                }  
        
                protected void XmlHttpPanel_ServiceRequest2(object sender, RadXmlHttpPanelEventArgs e)  
        
                {  
        
                    //Random numbers = new Random();  
        
                    //int index = numbers.Next(1, 10);  
        
                    int i = db.dbWrite("update doctors set Header='" + TextBox1.Text + "',ShortDescription='" + TextBox1.Text + "' where Id=" + TextBox1.Text + "");  
        
                    RadGrid1.DataSource = LoadData();  
        
                    RadGrid1.CurrentPageIndex = 0;  
        
                    RadGrid1.DataBind();  
        
                }

    
            JS COde

             function rowSelected(sender, args) {  
        
                            var key = args.getDataKeyValue("Id");  
        
                            var panel = $find("<%=RadXmlHttpPanel1.ClientID %>");  
        
                            panel.set_value(key);  
        
                        }  
        
                        function UpdateGrid() {  
        
                            var panel = $find("<%=RadXmlHttpPanel2.ClientID %>");  
        
                            panel.set_value("any value");  
        
                        }

    
            HTML CODE

            <telerik:RadXmlHttpPanel ID="RadXmlHttpPanel1" runat="server"  OnServiceRequest="XmlHttpPanel_ServiceRequest" 
        
                            RenderMode="Block">  
        
                 <asp:Button ID="Button1" runat="server" Text="Update Record and Grid " OnClientClick="UpdateGrid();return false;"  /> 
        
                    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
        
                    <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox> 
        
                    <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox> 
        
                    </telerik:RadXmlHttpPanel> 
        
                <telerik:RadXmlHttpPanel ID="RadXmlHttpPanel2" runat="server" EnableClientScriptEvaluation="true"  OnServiceRequest="XmlHttpPanel_ServiceRequest2" 
        
                            RenderMode="Block">  
        
                <telerik:RadGrid ID="RadGrid1"  Skin="Hay"  OnNeedDataSource="RadGrid1_NeedDataSource" 
        
                            Width="370px" AllowSorting="True"   PageSize="10" AllowPaging="True" runat="server" 
        
                            AutoGenerateColumns="false" GridLines="None">  
        
                            <MasterTableView ClientDataKeyNames="Id" Width="100%"  > 
        
                                <Columns> 
        
                                    <telerik:GridBoundColumn DataField="Id"  Visible="false">  
        
                                    </telerik:GridBoundColumn> 
        
                                    <telerik:GridBoundColumn HeaderText="Name" DataField="Header" UniqueName="Header"  > 
        
                                    </telerik:GridBoundColumn> 
        
                                    <telerik:GridBoundColumn HeaderText="Address" DataField="ShortDescription" UniqueName="ShortDescription">  
        
                                    </telerik:GridBoundColumn> 
        
                                </Columns> 
        
                            </MasterTableView> 
        
                            <PagerStyle Mode="NumericPages" PageButtonCount="5" /> 
        
                            <ClientSettings EnableRowHoverStyle="true" Selecting-AllowRowSelect="true" ClientEvents-OnRowSelected="rowSelected">  
        
                            </ClientSettings> 
        
                    </telerik:RadGrid> 
        
                </telerik:RadXmlHttpPanel>

XmlHttpPanel

answered on 10 Oct 2011

1 answer

121 views

RadGrid Client Side double click no longer works for me.

Hi

We have just upgraded to the latest, licensed copy of your product and some previously working client side code is no longer getting executed.

Here is my RadGrid definition:

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

AllowAutomaticUpdates="True"

AllowFilteringByColumn="false"

AllowMultiRowSelection="true"

AllowSorting="false"

AutoGenerateColumns="false"

ClientSettings-AllowColumnsReorder="false"

Height="100%"

OnItemCreated="ColumnRadGrid_ItemCreated"

OnItemDataBound="ColumnRadGrid_ItemDataBound"

OnItemUpdated="ColumnRadGrid_ItemUpdated"

OnNeedDataSource="ColumnRadGrid_NeedDataSource"

ShowHeader="true"

TabIndex="6"

Visible="True"

Width="100%">

<ClientEvents OnRowDblClick="ColumnRowDblClick" OnRowClick="ColumnRowClick"

OnGridCreated="GridCreated" OnCommand="GridCommand" />

</ClientSettings>

<telerik:GridTemplateColumn

HeaderText="Data Field"

ItemStyle-Wrap="False"

UniqueName="columnName" >

<asp:Label ID="ColumnRadGridNameLabel" runat="server" Text='<%#Eval("ColumnName") %>' ClientIDMode="Static">

</asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn

HeaderText="Column Alias"

ItemStyle-Wrap="False"

UniqueName="columnAlias" >

<asp:Label ID="ColumnRadGridAliasLabel" runat="server" Text='<%#Eval("Alias") %>' ClientIDMode="Static">

</asp:Label>

</ItemTemplate>

<telerik:RadTextBox ID="ColumnRadGridAliasTextBox" runat="server"

ClientIDMode="Static"

Text='<%#Bind("Alias") %>'

Width="140px" >

</telerik:RadTextBox>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn

HeaderStyle-Width="100px"

HeaderText="Show Option"

ItemStyle-Width="100px"

ItemStyle-Wrap="False"

UniqueName="showOption" >

<asp:Label ID="ColumnRadGridShowLabel" runat="server" Text='<%#Eval("ShowText") %>' ClientIDMode="Static">

</asp:Label>

</ItemTemplate>

<telerik:RadComboBox ID="ColumnRadGridShowComboBox" runat="server" ClientIDMode="Static" Width="90px">

</telerik:RadComboBox>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn

HeaderStyle-Width="130px"

HeaderText="Sort Option"

ItemStyle-Width="130px"

ItemStyle-Wrap="False"

UniqueName="sortOption" >

<asp:Label ID="ColumnRadGridSortLabel" runat="server" Text='<%#Eval("SortText") %>' ClientIDMode="Static">

</asp:Label>

</ItemTemplate>

<telerik:RadComboBox ID="ColumnRadGridSortComboBox" runat="server" ClientIDMode="Static" Width="120px">

</telerik:RadComboBox>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn

HeaderStyle-Width="135px"

HeaderText="Sort Order"

ItemStyle-Width="135px"

ItemStyle-Wrap="False"

UniqueName="sortOrder" >

<asp:Label ID="ColumnRadGridSortOrderLabel" runat="server" Text='<%#Eval("SortOrderText") %>' ClientIDMode="Static">

</asp:Label>

</ItemTemplate>

<telerik:RadNumericTextBox ID="ColumnRadGridSortOrderNumericTextBox" runat="server"

ClientIDMode="Static" Width="100px" MinValue="1" MaxValue="1" ShowSpinButtons="True" NumberFormat-DecimalDigits="0" Value="1">

</telerik:RadNumericTextBox>

</EditItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

I have both

ColumnRowDblClick AND ColumnRowClick functions
defined in a js file, but now ONLY the ColumnRowClick event gets fired
when I double-click a row. I can tell this because I have set breaks in both functions
and only one break-point is getting hit.

I have confirmed that MY code still behaves as I had hoped on another developer's machine.
He HASN'T upgraded yet.

Help!!!!!

Grid

answered on 10 Oct 2011

1 answer

92 views

Clear all items at client side

Hi
Is it possible to clear all items at client side before I add new items in rotator at client side?
Edwin

Rotator

answered on 10 Oct 2011

2 answers

128 views

Clearing RadDatepicker that is in a RadWindow

I have a form that appears in a RadWindow. On this form I have RadDatePicker.

There is a button on this form that calls some javascript to clear all of the form fields.

All get cleared, except for the RadDatePicker. Reason being, I cant find it.

The code I am trying to use looks like this.

var StartDatePicker = $find("<%=dpActivitytStartDate.ClientID %>");

if (StartDatePicker){

StartDatePicker.clear();

}

However StartDatePicker is never found, therefore, never cleared.

I figure this might have something do to with the iFrame that the radWindow is in

So I tried finding the RadDatePicker like this.

$("#rwAdvancedSearchForm").contents().find("[id$='dpActivityEndDate']")

That does not find it either.

So I tried this.

var StartDatePicker = $("[id$='rwAdvancedSearchForm']").contents().find("[id$='dpActivityEndDate']");

if (StartDatePicker){

StartDatePicker.clear();

}

In this case StartDatePicker is NOT null,

However I then get the error..

StartDatePicker.clear is not a function

What is the trick here? How to I clear a RadDatepicker that is in a RadWindow?

General Discussions

answered on 10 Oct 2011

1 answer

101 views

[Solved] RadListbox "IE9" problem

Hi,

I am using RadListbox in my page.in IE8 its works fine but in IE 9 all listbox items dissappears.
I have attached sceenshot .
I am using following markup.

<telerik:RadListBox ID="rlReportGroupList" runat="server" AllowReorder="false" AllowTransfer="true"
ButtonSettings-VerticalAlign="Middle" EnableDragAndDrop="true" Height="200px"
SelectionMode="Multiple" Style="text-align: left" TransferToID="rlSelectedGroupList"
   OnClientTransferred="ChangeWithoutLoadingImage" Width="200px" Sort="Ascending" Culture="<%$ Resources:Culture%>">
<HeaderTemplate>
<b>
<asp:Literal ID="headerGroupList" runat="server" Text="<%$ Resources:headerGroupList %>" />
      </b>
   </HeaderTemplate>
</telerik:RadListBox>
<telerik:RadListBox ID="rlSelectedGroupList" runat="server" EnableDragAndDrop="true"
Height="200px" SelectionMode="Multiple" Style="text-align: left" Width="170px"
Sort="Ascending" Culture="<%$ Resources:Culture%>">
<HeaderTemplate>
<b>
<asp:Literal ID="headerSelectedGroups" runat="server" Text="<%$ Resources:headerSelectedGroups %>" />
</b>
   </HeaderTemplate>
</telerik:RadListBox>

Please suggest solution for the above

ListBox

answered on 10 Oct 2011

2 answers

173 views

[Solved] HTML Table inside a scheduler appointment

Dear Telerik,

Could you please advice me how to get rid of the visible cell borders of the html table which I use inside the <AppointmentTemplate> of my scheduler?

CSS settings for the table similar to <table width="100%" style="border-width: 0px; border-style:none;"> does not seem to work...

The screen-shot is attached.

Many thanks!

- Stepan.

Scheduler

answered on 10 Oct 2011

2 answers

71 views

[Solved] Get the radchart control placed inside the Gridtemplatecolumn of Radgrid

Hii...
I'm using the Radchart inside the radgrid Gridtemplate column.
I need to handle some code in tha Rachart_databound event. But in that event I'm not able to get the radchart since it placed in the radgrid.
Please help me in how t

<telerik:RadGrid ID="dispatcherGrd" runat="server" CssClass="gridView1" GridLines="None"

AutoGenerateColumns="false" OnItemDataBound="dispatcherGrd_ItemDataBound" ShowHeader="false"

Width="99%" Height="102px" BorderColor="White" BorderWidth="0" OnPreRender="dispatcherGrd_PreRender"

OnItemCommand="dispatcherGrd_ItemCommand">

<ClientSettings>

<Scrolling AllowScroll="true" UseStaticHeaders="true" SaveScrollPosition="false" />

</ClientSettings>

<AlternatingItemStyle BackColor="White" />

<HeaderStyle HorizontalAlign="Left" />

<ItemStyle Font-Names="Arial" Font-Size="12px" ForeColor="#000000"/>

<MasterTableView>

<Columns>

<telerik:GridBoundColumn DataField="DispatcherName" HeaderStyle-Width="150px" HeaderText="Dispatcher Name">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="RegularCount" HeaderStyle-Width="90px" HeaderText="Regular">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="EmergencyCount" HeaderStyle-Width="90px" HeaderText="Emergency">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="DirectCount" HeaderStyle-Width="90px" HeaderText="Directed">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="TotalCount" HeaderStyle-Width="90px" HeaderText="Total">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn DataField="" UniqueName="chartcolumn">

<ItemTemplate>

<telerik:RadChart ID="dispatcherChrt" runat="server" Width="230px" Style="margin-top: 0px;"

SeriesOrientation="Horizontal" ChartTitle-Visible="false" SkinsOverrideStyles="true"

CreateImageMap="false">

<Series>

<telerik:ChartSeries Type="StackedBar">

<Appearance BarWidthPercent="85" LabelAppearance-Visible="false">

<FillStyle FillType="Solid" MainColor="ForestGreen">

</FillStyle>

</Appearance>

</telerik:ChartSeries>

<telerik:ChartSeries Type="StackedBar">

<Appearance BarWidthPercent="85" LabelAppearance-Visible="false">

<FillStyle MainColor="#f2180d" FillType="Solid">

</FillStyle>

</Appearance>

</telerik:ChartSeries>

</Series>

<PlotArea Appearance-Dimensions-Margins="0,0,0,0" Appearance-Border-Color="White"

XAxis-Appearance-MajorGridLines-Visible="false" YAxis-Appearance-MajorGridLines-Visible="false"

Appearance-FillStyle-MainColor="White" Appearance-FillStyle-FillType="Solid"

Appearance-Border-Width="2" />

<Legend Visible="false"></Legend>

</telerik:RadChart>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

o get the radchart which has placed inside the Gridtemplate column obj in radchart_databound event.

Grid

answered on 10 Oct 2011

1 answer

152 views

ComboBox / Multi-column ComboBox bind valur from server side

<td>

<asp:Label ID="Label4" runat="server" Text="<%$ Resources:Quation, QtNo %>"></asp:Label>

</td>

<td>

<asp:Label runat="server" ID="lbcaption" Visible="false"></asp:Label>

<telerik:RadComboBox runat="server" ID="txt_QuotationNo" Height="190px" Width="300px"

MarkFirstMatch="true" EnableLoadOnDemand="true" HighlightTemplatedItems="true"

DataSourceID="SqlDataSource1" OnClientItemsRequested="UpdateItemCountField" OnItemDataBound="txt_QuotationNo_ItemDataBound"

OnItemsRequested="txt_QuotationNo_ItemsRequested" OnDataBound="txt_QuotationNo_DataBound"

OnSelectedIndexChanged="txt_QuotationNo_SelectedIndexChanged" AutoPostBack="true">

<HeaderTemplate>

<ul>

<li class="col1">Quation No</li>

<li class="col2">Revise No</li>

</ul>

</HeaderTemplate>

<ItemTemplate>

<ul>

<li class="col1">

<%# DataBinder.Eval(Container.DataItem, "quotationno")%></li>

<li class="col2">

<%# DataBinder.Eval(Container.DataItem, "revnumbr")%></li>

</ul>

</ItemTemplate>

<FooterTemplate>

A total of

<asp:Literal runat="server" ID="RadComboItemsCount" />

items

</FooterTemplate>

</telerik:RadComboBox>

<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:DBConnectionString %>"

SelectCommand="select quotationno,revnumbr from DSQUOTATIONMAS where status <> 'del' order by quotationno,revnumbr asc">

<%--<SelectParameters>

<asp:Parameter Name="projectcode" Type="String" />

</SelectParameters>--%>

</asp:SqlDataSource>

</td>

Hello all,
Here this comobobox is multi value showing combo ,
i want to bind the value from server side ,

here i bind from asp:SqlDataSource

how i bind that ,
reply as soon as possible

Thanks,
Mohamed.

ComboBox

answered on 10 Oct 2011

1 answer

73 views

Make Changes to Records Programmatically

Hi,

I have a RadGrid that must support insertion of new records, but there are some required values that must not be inserted by the user. I need to be able to compute the correct values for them before the record is inserted using the LinqDataSource.

What's the correct way to amend the object that is going to be inserted? Since some of those values are not nullable, not giving them a value makes it impossible to insert the record anyway.

Thank you in advance.

Grid

answered on 10 Oct 2011