Questions on UI for ASP.NET AJAX Forum

1 answer

44 views

Reorder week view and workweek view in rad scheduler

Hi,
I am using Telerik rad scheduler in my SharePoint 2010 dev project for a school district. Requirement was to build a school scheduler with day view, school week, work week, month and timeline view.

For work week I am using multiday view and all the things are working fine. But I stuck with one things:
My requirement is all the navigation tab should be in the following order: 1. Day view, 2. work week view, 3. week, 4. month and 5. timeline.

But in my case multiday view always coming at the end. I am not able to position it in no 2. Is there a way I can change this default ordering?

Thanks in advance,
Dibyendu

Scheduler

answered on 11 Jul 2013

1 answer

65 views

Custom Appointment

hello,
I want to custom my appointements (like the attached image).
I tried to create 3 labels in the AppointmentTemplate and to bind them but it's not working.
Any Ideas? Thank you

Scheduler

answered on 11 Jul 2013

1 answer

75 views

RadAjaxManager breaks RadAutoCompleteBox

I have a working demo of RadAutoCompleteBox on a Content page that uses a mater page. As soon as I drag a RadAjaxManager on to the Master page, the autocomplete stops working. I've tested and retested. Stripped the page down to the bared min below and reproduce the error each time. Cannot find any documentation on this. Do you have anything? Thanks.

CONTENT PAGE
Imports System
Imports System.Web.UI.WebControls
Imports System.Data
Imports System.Linq

Public Class testm
    Inherits System.Web.UI.Page

    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        Dim suggestions As List(Of String) = New List(Of String)(New String() {"Europe", "America", "Asia", "Africa", "Australia"})
        RadAutoCompleteBox1.DataSource = suggestions
    End Sub

End Class
==============================
MASTER
<body>
    <form id="form1" runat="server">
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"></telerik:RadAjaxManager>
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
        <asp:ContentPlaceHolder ID="MainContent" runat="server"></asp:ContentPlaceHolder>
     </form>
</body>

AutoCompleteBox

answered on 11 Jul 2013

3 answers

107 views

Problem in SortExpression

I am having an entity which acts as datasource for the grid. For a column A the datasource is Name.Subject. Now when I aplly sortexpression="Subject" or sortexpression="Name.Subject" it throws an exception "Column name doesnt exist". How to specify the sirtexpression in this case.

Grid

answered on 11 Jul 2013

0 answers

77 views

dropdowntree get closed when I click on the tree

Hello telerik
I have Implemented a dropdowntree but when ever I click on (+) to expand the tree it get closed. it is working on other page but when I put Dropdowntree in this Srabon responsive admin template I get the problem and the firebug showing no error.

<asp:SqlDataSource runat="server" ID="SqlDataSource2"

ConnectionString='<%$ ConnectionStrings:POSConnectionString %>'

SelectCommand="select category_id,category_name,parent_id from Categories_tbl;"></asp:SqlDataSource>

<br />

<telerik:RadDropDownTree ID="RadDropDownTree1" runat="server" ExpandNodeOnSingleClick="True"

DataSourceID="SqlDataSource2"

DataFieldID="category_id"

DataFieldParentID="parent_id"

DataTextField="category_name"

DataValueField="category_id"

>

<DropDownSettings Height="140px" />

</telerik:RadDropDownTree>

DropDownTree

asked on 11 Jul 2013

3 answers

68 views

Issue with firefox and chrome browser

Hi,

I m using the radscheduler with WCF service.I had made method call like GetAppointments,Insert,Update and delete from the javascript.In the IE browser everything is working fine.But with chrome its gives an error GetAppointments method failed.In the firefox no method is working.

Please provide me help.

Gaurav Rana

Scheduler

answered on 11 Jul 2013

6 answers

427 views

Google Chrome 26 performance issue

Hello,

Some of you already have noticed that their sites are working slower in Google Chrome since they have updated to version 26.

We did some debugging and research and found out that the problem is in the browser itself and it is not caused by our controls in the pages. In short, if you have a quotation mark or an apostrophe inside input element in your page, and you do PostBack, the Chrome gets really slow when changing the innerHTML property of the DOM elements after the page loads again.

The issue can be replicated using this sample code without using our controls:

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

<asp:TextBox runat="server" ID="text1" Text="'"></asp:TextBox>

<asp:Calendar runat="server"></asp:Calendar>

<script type="text/javascript">

function test()

{

var start = (new Date()).getTime();

var label = document.getElementById("<%= label1.ClientID%>");

for (var i = 0 ; i < 10000 ; i++)

{

label.innerHTML = i;

}

var end = (new Date()).getTime();

alert(end - start);

}

</script>

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

<asp:Button runat="server" Text="Post Back" />

<asp:Button runat="server" Text="Check Speed" OnClientClick="test(); return false;" />

Simply run the code, click the Post Back button and then click Check Speed to see how much slower gets the execution of label.innerHTML = i;

In the serialized Client State of our controls, we use JSON to serialize some properties of controls that they need to be persisted and send from client to server, for example: {"enabled":true,"emptyMessage":""} could be such string, it contains quotes and is kept inside hidden input in the page. So after the post back the innerHTML will get slower due to this bug in Chrome.

Since in our code, there are a lot of places where innerHTML is used to change the content of an element(for example when navigating RadCalendar this is called around 30 times, one for each day of the month), you will experience some delay/lag when you do such client side operations.

Note that this issue is happening even if you don't have inputs with quotes inside them, but in less degree. For example in Firefox the test function above works in 60ms and in Chrome in 80ms. After the PostBack, in Firefox continues to run in 60ms, but in Chrome it takes 9 seconds if there is input with quote, and 400ms if there is not. So in both cases there is problem in the Chrome.
Also if you have more items in the DOM tree, the problem will be more visible. For example if you remove the asp:Calendar in the sample above, it will run much faster.

We will continue to investigate if there is something that we can do, and we hope Google to fix the issue in their browser as soon as possible. If you have more information or any suggestions we will be glad to hear them.

General Discussions

answered on 11 Jul 2013

3 answers

137 views

Hide Gridbounddata column?

Hi,

I have a radgrid with 4 columns 2 of the columns are part of a key. My problem is I don't want these columns to show but I still need access to their contents.

Setting the visible property to false doesnt show the column but I the cell value is nothing
Setting the display works but now when I add a new record or in edit mode the fields are editable which I don't want because they are a part of the key.

So how can:

1. Make the column not show
2. Make the columns contents accessible with codebehind
3. Make the column not editable during a batch edit
4. Make the column not display an editbox while doing an Add New

I have tried just about every combination, even with GridColumVisibleMode.AlwaysHidden

This is the Column I want to hide, but have access to but not show in edit mode or show when I do Add New.

Dim boundColumn As GridBoundColumn

            boundColumn = New GridBoundColumn()
            dgCompNonGrid.MasterTableView.Columns.Add(boundColumn)
            boundColumn.DataField = "ippComponentID"
            boundColumn.UniqueName = "dgippComponentID"
            'boundColumn.Display = False
            boundColumn.HeaderText = ""
            boundColumn.ItemStyle.Font.Size = 8
            boundColumn.ItemStyle.HorizontalAlign = HorizontalAlign.Left
            boundColumn.ReadOnly = True
            boundColumn.Visible = False
            'boundColumn.InsertVisiblityMode = GridColumnVisibilityMode.AlwaysHidden

Please, thank you.

Grid

answered on 11 Jul 2013

1 answer

80 views

Does Telerik support classic Asp.net

Does Telerik support classic Asp.net , if yes then is there a trial version for it?

General Discussions

answered on 11 Jul 2013

0 answers

80 views

How to add legend manually for RadPiechart

hello

i want to add legent for Radpie chart manually
please help
i want to add this legent at left side

1 Cust Traning")
2 "Cust Traning No Invoice")
3 ("PM")
4 ("Repair")
5 "Start Up Inv Labor")
6 ("Start Up - No Invoice")
7 ("Svc Traning")
8 ("Upgrade")
9 ("Start Up - Inv Labor & Exp")

showing with diffrent colors

thanks in advance
waiting for reply

<telerik:RadChart ID="RadChart2" runat="server" SkinsOverrideStyles="True" Visible ="False"

Width="900px" Skin="LightBlue" AutoLayout ="true"

AutoTextWrap="True"

DefaultType="Pie" Height="400px">

<PlotArea>

<XAxis MaxValue="5" MinValue="1" Step="1">

<Appearance Color="153, 187, 208" MajorTick-Color="153, 187, 208">

<MajorGridLines Color="153, 187, 208" Width="0" />

<TextAppearance TextProperties-Color="72, 124, 160">

</TextAppearance>

</Appearance>

<AxisLabel>

<TextBlock>

<Appearance TextProperties-Color="72, 124, 160">

</Appearance>

</TextBlock>

</AxisLabel>

</XAxis>

<YAxis MaxValue="25" Step="5">

<Appearance Color="153, 187, 208" MajorTick-Color="153, 187, 208"

MinorTick-Color="153, 187, 208">

<MajorGridLines Color="153, 187, 208" />

<MinorGridLines Color="153, 187, 208" />

<TextAppearance TextProperties-Color="72, 124, 160">

</TextAppearance>

</Appearance>

<AxisLabel>

<TextBlock>

<Appearance TextProperties-Color="72, 124, 160">

</Appearance>

</TextBlock>

</AxisLabel>

</YAxis>

<Appearance Dimensions-Margins="18%, 23%, 12%, 10%">

<FillStyle MainColor="255, 255, 238" SecondColor="Transparent">

</FillStyle>

<Border Color="153, 187, 208" />

</Appearance>

</PlotArea>

<Series>

<telerik:ChartSeries Name="Cost of Job" Type="Pie">

<Appearance>

<FillStyle FillType="ComplexGradient" MainColor="243, 206, 119">

<FillSettings>

<ComplexGradient>

<telerik:GradientElement Color="243, 206, 119" />

<telerik:GradientElement Color="236, 190, 82" Position="0.5" />

<telerik:GradientElement Color="210, 157, 44" Position="1" />

</ComplexGradient>

</FillSettings>

</FillStyle>

<TextAppearance TextProperties-Color="112, 93, 56">

</TextAppearance>

<Border Color="223, 170, 40" />

</Appearance>

<Items>

<telerik:ChartSeriesItem YValue="23" Name="Item 1">

</telerik:ChartSeriesItem>

<telerik:ChartSeriesItem YValue="20" Name="Item 2">

</telerik:ChartSeriesItem>

<telerik:ChartSeriesItem YValue="24" Name="Item 3">

</telerik:ChartSeriesItem>

<telerik:ChartSeriesItem YValue="19" Name="Item 4">

</telerik:ChartSeriesItem>

<telerik:ChartSeriesItem YValue="25" Name="Item 5">

</telerik:ChartSeriesItem>

<telerik:ChartSeriesItem YValue="25" Name="Item 6">

</telerik:ChartSeriesItem>

<telerik:ChartSeriesItem YValue="25" Name="Item 7">

</telerik:ChartSeriesItem>

<telerik:ChartSeriesItem YValue="25" Name="Item 8">

</telerik:ChartSeriesItem>

<telerik:ChartSeriesItem YValue="25" Name="Item 9">

</telerik:ChartSeriesItem>

</Items>

</telerik:ChartSeries>

</Series>

<Appearance>

<FillStyle MainColor="240, 252, 255">

</FillStyle>

<Border Color="182, 224, 249" />

</Appearance>

<ChartTitle>

<Appearance>

<FillStyle MainColor="">

</FillStyle>

</Appearance>

<TextBlock Text="COST OF JOB">

<Appearance TextProperties-Color="8, 103, 166">

</Appearance>

</TextBlock>

</ChartTitle>

<Legend>

<Appearance Corners="Round, Round, Round, Round, 6">

<ItemTextAppearance TextProperties-Color="62, 117, 154">

</ItemTextAppearance>

<Border Color="208, 237, 255" />

</Appearance>

</Legend>

</telerik:RadChart>

Editor

asked on 11 Jul 2013