Questions on UI for ASP.NET AJAX Forum

4 answers

88 views

Page layout different once app published

Hi

I've got a couple of HTML Charts on my page using the code below which is then databoud on page load. If I view the application in debug mode from within Visual Studio (Windows 7, IE8) the page looks great. However if I publish to the application server (IIS, Windows Server 2008r2) the page layout changes dramatically. Please see the two images to demonstrate, can you advise what is causing this problem???

Cheers
Cliff

<div id="divPriceChangesChart" style="position:absolute; top:180px; left:0px; ">

<telerik:RadHtmlChart ID="chartPriceChanges" runat="server" Width="250px" Height="300px" Skin="Metro">

<ChartTitle Text="Price Changes" >

<Appearance Align="Left" />

</ChartTitle>

<Legend>

<Appearance Position="Bottom" />

</Legend>

<PlotArea>

<Series>

<telerik:PieSeries DataFieldY="NumberProducts" NameField="Period"></telerik:PieSeries>

</Series>

</PlotArea>

</telerik:RadHtmlChart>

</div>

<div id="divAccessChart" style="position:absolute; top:180px; left:270px; ">

<telerik:RadHtmlChart ID="chartAccess" runat="server" Width="250px" Height="300px" Skin="Metro">

<ChartTitle Text="EPD User Access" >

<Appearance Align="Left" />

</ChartTitle>

<Legend>

<Appearance Position="Bottom" />

</Legend>

<PlotArea>

<Series>

<telerik:PieSeries DataFieldY="NumberUsers" NameField="Period"></telerik:PieSeries>

</Series>

</PlotArea>

</telerik:RadHtmlChart>

</div>

Chart (HTML5)

answered on 01 Nov 2012

6 answers

209 views

Expand All

I am trying to set up a client (or server) side expand/collapse settings for the tree view on File Explorer. Everything is working for the collapse, but my expand code is still having issues.

I tried first on the server side with 'fileExplorer.TreeView.ExpandAllNodes()', but during Page_Load the TreeView is null.

I then switched to trying on the client side. I was able to get the first level of nodes to expand, but then the ajax call prevented further expanding.

Here's my js code which expands the first level:

function treeExpandCollapse(t, b) {

var nodes = t.get_allNodes();

for (var i = 0; i < nodes.length; i++) {

nodeExpandCollapse(nodes[i], b);

}

function nodeExpandCollapse(n, b) {

var nodes = n.get_allNodes();

for (var i = 0; i < nodes.length; i++) {

if (b) nodes[i].expand();

else nodes[i].collapse();

//nodes[i].set_expanded(b);

// Recurse

nodeExpandCollapse(nodes[i]);

}

Since the client isn't aware of the subfolders until the ajax call returns, nodeExpandCollapse does not recurse. After I load all the folders using ajax, the collapse and expand buttons work correctly.

I thought that by attaching to the OnClientNodePopulated event of the treeview, I could determine that a node has been populated and then run it through the expander, but this event (using tree.add_nodePopulated()) does not fire at all when the tree is expanded, even doing a manual expand. My first thought is that the FileExplorer tie in is blocking my tie in (if I check get_events(), it shows two handlers for OnClientNodePopulated) but if anyone has any ideas it would be much appreciated.

FileExplorer

answered on 01 Nov 2012

1 answer

38 views

AutoTooltipify for both onfocus and hover

Is it possible to achieve to get tooltips for both onmouseover and onfocus when using AutoTooltipify="true"?

ToolTip

answered on 01 Nov 2012

4 answers

411 views

How to customize the pie chart?

I am trying to implement few things on Pie Chart how can i do that?
1. I want to assing the full pie chart as a value like
Total = The Whole pie Chart
and Used will be a part
so Total will be 100%
and Used will be 30 then the pie should so me as
Total 100 and Used 30%
Whole value of pie should be 100
I can only add items now.

2. How do i modify the position of the pie Chart,the margins of the chart diagram, the position of the legends through server coding.

Any help will be highly appreciated Please

Chart (HTML5)

answered on 01 Nov 2012

2 answers

44 views

Is this conventional practice with a RadGrid?

I'm trying to write my first web app using RadGrids.

As far as design is concerned, the grid data source is set in the NeedDataSource event. The editing of records is done in a FormTemplate popup that contains conventional ASP.Net DropDownlists. The DropDowns are bound in the ItemCreated event.

All of this works so far. I can both add and edit records.

First of all, is the above conventional design practice?

My problem is that I'm trying to trigger a shift to Add mode when initially loading the page, to immediately display the template popup. My first test using PreRender and RadGrid1.MasterTableView.IsItemInserted = true went well, but that was with a simple screen with default Popup. When I try to do this anywhere in the code with the above screen, I get crashes related to the dropdowns no matter where I put the IsItemInserted.

Suggestions?

Grid

answered on 01 Nov 2012

3 answers

228 views

Filter on Navigation Properties (collections)

Hi,

I'm trying to use the RadFilter control with entities from Entity Framework that have Navigation Properties (collections). The RadFilter works very well on 'normal' Properties (string, int, date, etc.) but I couldn't find a solution for 'enumerable' Properties (list, array, etc.).

For example:
- Entity 'Article' has a navigation property 'Items'
- Entity 'Item' has a property 'Name'

How can i use the RadFilter control to find all 'Articles' with 'Items' that have the property 'Name' set to "whatever"?

Doe's anybody know a solution how to filter these kind of properties?

Regards,
Martin

Filter

answered on 01 Nov 2012

1 answer

77 views

Questions about installation of RadUpload

I'm trying to install a RadUpload component in the FormTemplate of a RadGrid. I'm looking at the instructions in http://www.telerik.com/help/aspnet-ajax/upload-getting-started.html.

I see what looks like a discrepancy between steps 1 and 4.

The image in Step one shows an httpModules item = <add name="RadUploadModule" type="Telerik.Web.UI.RadUploadHttpModule" />
Step 4 states that the item should be <add name="RadUploadModule" type="Telerik.Web.UI.RadUploadHttpModule, Telerik.Web.UI" />

Why the extra part? (Come to think of it, there's the same feature in step 6.)

Also, I think I have it installed well enough to test (at least as far as getting a file into the default Files folder.) Still I wonder if I have it exact. When I have the FormTemplate open for editing, the RadLoad control is the one thing I cannot directly select on the screen. (I can select it in the Properties dropdown.) Is this normal?

Upload (Obsolete)

answered on 01 Nov 2012

4 answers

126 views

How do I prevent the RadComboBox from displaying multiple columns

I'm well aware that the combobox has some fairly complicated capabilities. But for now I just don't have the time to explore them.

What do I have to do to get the dropdown list to behave normally? i.e. A single vertical list of choices?

ComboBox

answered on 01 Nov 2012

1 answer

44 views

Radgrid postback issue before validating controls under edit template

my grid

<EditItemTemplate>
                                        <telerik:RadDatePicker ID="dtTravelDate" DateInput-DateFormat="MM/dd/yyyy" DateInput-DisplayDateFormat="MM/dd/yyyy"
                                            DbSelectedDate='<%# Eval("Travel_Date") %>' runat="server" CssClass="ClaimDateControl"
                                            Width="100px">
                                        </telerik:RadDatePicker>
                                      <asp:RequiredFieldValidator ID="reqTravelDate" runat="server" ControlToValidate="dtTravelDate" EnableClientScript="true"
                                            ErrorMessage="*" ValidationGroup="Test"> </asp:RequiredFieldValidator>
                                    </EditItemTemplate>

and my itembound event code as follows

if (e.Item is GridEditableItem && e.Item.IsInEditMode)
                    {

                        if (e.Item is GridEditFormInsertItem)
                        {
                            ((e.Item as GridEditFormItem).FindControl("PerformInsertButton") as LinkButton).ValidationGroup = "Test";
                        }
                        else
                        {
                            ((e.Item as GridEditFormItem).FindControl("UpdateButton") as LinkButton).ValidationGroup = "Test";
                        }
                    }

my issues is every time before validate control fired griditemcommand event ...

please please hepl me

thanks in advance

Grid

answered on 01 Nov 2012

1 answer

97 views

RadDatePicker and RadDateTimePicker does not accept a particular day of the month of October

Dear,

Thanks for the help already, however I have a problem that also detect even be visible on the site own Telerik.

As the explanation of the case is kinda complicated, I will try to summarize and detail.

The control Calendars (RadDatePicker and RadTimeDatePicker) do not accept the displayed day on Sunday of Week 43 of the calendar, or any day that is existing in the sunday column in the third row of the calendar is not accepted.

Strangely components, subtract one day from the calendar, if that date is requested. For example the current anoa, the Sunday of the week 43 October is the day 21 (10/21/2012), but when you select that date The components alter the same to day 10.20.2012, even if the day is entered event occurs.

After some testing, I noticed that this only occurs in October, and only in week 43 and Sunday, regardless of the year.

Ask it to be seen, and if the pages can be observed:

http://demos.telerik.com/aspnet-ajax/calendar/examples/datepicker/custompopup/defaultcs.aspx

http://demos.telerik.com/aspnet-ajax/grid/examples/generalfeatures/filtering/defaultcs.aspx

Best Regards

Calendar

answered on 01 Nov 2012