Questions on UI for ASP.NET AJAX Forum

1 answer

110 views

Automatically disable button

How can I disable button automatically after 10 seconds?

Button

answered on 09 Jul 2012

7 answers

365 views

First steps with RadScheduler (first issues)

Hello,
I'm trying to move my first steps with RadScheduler, but probably I'm missing something obvious since I really can't get it to work as expected.
I have some questions, which should be easy to answer:

DayStartTime and DayEndTime should tell the control the first and last hour to display right?

I've tried setting it in designer, aspx code, code behind but none of them seems to work since it still displays from 00:00 to 24:00.
No problem with WorkDayStartTime and WorkDayEndTime they seems to work properly.
Am I doing something wrong? This is the latest configuration in code behind:

RadScheduler1.DayStartTime = new TimeSpan(8, 0, 0);
RadScheduler1.DayEndTime = new TimeSpan(20, 0, 0);

EDIT: Resolved, I had the showfulltime option conflicting with the above settings

Works in IE8, not the same in Chrome

I'm trying to achieve some sort of full screen agenda, 100% width and everything runs fine in IE, but when in Chrome the scheduler doesn't want to stretch to 100% width even if it's div container does and radscheduler's width property is set to 100%. Furthermore the vertical scrollbar is disabled until I resize the Chrome window.

EDIT: Could you provide a working layout with fixed header on top of the page, fixed footer on bottom of the page, and the scheduler filling the central part adapting to any window resize? I've tried my best, but still can't find a way out.

Appointment background

I'm using the very appreciated metro skin, but when changing the colors by means of:

<telerik:ResourceStyleMapping Type="User" Key="1" Text="Resource 1" ApplyCssClass="rsCategoryBlue" />

it only applies to top border, while in the example screenshots I see the full appoinment box with a nice green backround. Should I go with some more complicated setting for the background?

EDIT: Resolved, I modified the appointment template to reflect my background color needs

I tried starting from scratch with the Scheduler / Binding to Generic List example

Everything works as expected after copying the example code except the refresh that on my side keeps giving a postback instead of the cute busy indicator. What am I missing? Could you isolate the example so that I can reproduce it?

Best regards

Scheduler

answered on 09 Jul 2012

1 answer

173 views

Executing event on Node Expand Image click in Rad Tree View

Hi,

I have a page designed with Rad Tree View. I need to acheive the following scenario.
In the expand node image click of rad tree view,I need to show a Tool Tip based on certain condition( See the Attached Image)

I have specified Rad Tool Tip control ,but I am not sure which control I will give for "TargetControlID".

I have used Javascript OnClientNodeExpaned event.
When I tried to display RadToolTip with out Target Control Id using Show() method.I am getting "Object expected Error".

How will I acheive the scenario.

TreeView

answered on 09 Jul 2012

2 answers

68 views

SPRadEditor Rendering Problem on IE8?

Hi,

I used the SPTelerik:SPRadEditor for a custom edit form of a custom sharepoint 2010 list.
This works fine when I use chrome, however when I use IE8, I am getting a problem.

Attached are 2 screenshots.

custom form with telerik spradeditor.png - shows that there is this white box that is covering the rad editor.
ie8 developer tool.png - shows that the white box is caused by the html node <body contentEditable="true" /> which is, for some reason, on top of the rad editor. This screenshot also shows that the html node is generated by the radeditor itself.

Note that I am using RadControls for SharePoint Q1 2012.

Thanks in advance.

Rafferty

Sharepoint Integration

answered on 09 Jul 2012

5 answers

409 views

Go To Tab without Postback

Hy,
I would like to move between tabs by clicking a button, but without sync-postback.
(I would like to use Async-postback)
is it possible?

thanks

TabStrip

answered on 09 Jul 2012

1 answer

124 views

Specifying fields for the $select option?

Good morning,

I'm using an ODataDataSource to bind data to a RadComboBox. Currently the data source is retrieving all of the fields for each record whereas I'd like to only retrieve the fields I need for binding. I specified the fields (see code below) in the model declaration, which I would've expected to be passed on to the service call but that doesn't seem to be the case.

Can you please let me know if this is a bug or if there is a way I can inject a $select clause to the service call?

Thanks, Jason

Markup:

<telerik:RadODataDataSource ID="dsComboBoxes" runat="server"

ClientIDMode="Static">

</telerik:RadODataDataSource>

<telerik:RadComboBox ID="cbxQuickAdd" runat="server"

Width="100%" Height="190px" Skin="Simple"

EnableLoadOnDemand="true"

EmptyMessage="Type to Filter"

EnableItemCaching="true"

ODataDataSourceID="dsComboBoxes"

DataModelID="Resource"

DataTextField="Description"

DataValueField="ID">

</telerik:RadComboBox>

Codebehind:

dsComboBoxes.Transport.Read.Url = ConfigurationManager.AppSettings.GetURL("BindingServiceURL");

dsComboBoxes.Transport.Read.DataType = ODataSourceResponseType.JSONP;

DataModel quickAdd = new DataModel()

{

ModelID = groupType.Singularize(),

Set = groupType

};

quickAdd.Fields.Add(new DataModelField() { FieldName = "ID" });

quickAdd.Fields.Add(new DataModelField() { FieldName = "Description" });

dsComboBoxes.Schema.Add(quickAdd);

ODataDataSource

answered on 09 Jul 2012

4 answers

121 views

RadNumericTextBox visual bug

Hello,

I have the following situation in Internet Explorer 7 (setting IE9 in Internet Explorer 7 browser mode will also work).
Situation:
        <telerik:RadTabStrip ID="SomeTabStrip" runat="server" SelectedIndex="0" MultiPageID="SomeMultiPage">
            <Tabs>
                <telerik:RadTab ID="Tab1" runat="server" Text="Some Tab" PageViewID="Page1" />
                <telerik:RadTab ID="Tab2" runat="server" Text="Some Other Tab" PageViewID="Page2" />
            </Tabs>
        </telerik:RadTabStrip>
        <telerik:RadMultiPage ID="SomeMultiPage" runat="server" SelectedIndex="0">
            <telerik:RadPageView ID="Page1" runat="server">
                Page1 with a numeric text box:<br />
                <telerik:RadNumericTextBox ID="RadNumericTextBox1" runat="server" ShowSpinButtons="true" />
            </telerik:RadPageView>
            <telerik:RadPageView ID="Page2" runat="server">
                Page2 with a numeric text box:<br />
                <telerik:RadNumericTextBox ID="RadNumericTextBox2" runat="server" ShowSpinButtons="true" />
            </telerik:RadPageView>
        </telerik:RadMultiPage>

As shown; tabstrip, two multiview pages, and on each page a radnumeric with spin buttons switched on.When the 2nd tab is selected the spinbutton position is off. Is there a way to prevent this?

Regards,
Frank Witte

Edit: I'm using Telerik 2012 Q2.

Input

answered on 09 Jul 2012

1 answer

94 views

If zoom level changed, buttons look wrong

Hi all,

I'm developing a system at present, and one of the requirements is that the site can be resized using a selector. I can see that there have been discussions about this in the past and that telerik recommend that 3 different custom skins be developed and have a switching mechanism to achieve this. My graphic designer isn't very happy about having to make 3 skins, so I'm trying this approach with jquery:

<script type="text/javascript">

$(document).ready(function () {

$("#textZoom1").click(function () {

$("body").css("zoom", "1");

$.cookie("HRI-ZoomLevel", "1");

});

$("#textZoom2").click(function () {

$("body").css("zoom", "1.1");

$.cookie("HRI-ZoomLevel", "1.1");

});

$("#textZoom3").click(function () {

$("body").css("zoom", "1.2");

$.cookie("HRI-ZoomLevel", "1.2");

});

var zoomLevel = $.cookie("HRI-ZoomLevel");

if (zoomLevel != null) {

$("body").css("zoom", zoomLevel);

}

});

</script>

When I do this, the buttons (and tabs) look slightly wrong as demonstrated in the attachments (using the demo site)

I can adjust the padding to the background position of the button and apply a different css class to the body for each zoom level, but this just seems messy.

Is there a fix for this issue, or would you recommend that I force my designer to make 3 skins?

Thanks for your time.

Button

answered on 09 Jul 2012

1 answer

65 views

Google-like Filtering on TemplateColumn's with Listbox

Is it possible to apply filtering on a GridTemplateColumn which has a listbox in the ItemTemplate?

<telerik:GridTemplateColumn UniqueName="Col1" HeaderText="Column 1">

<ItemTemplate>

<telerik:RadListBox ID="lbMyListBox" runat="server">

</telerik:RadListBox>

</ItemTemplate>

</telerik:GridTemplateColumn>

I'm attempting to implement the example shown here: http://www.telerik.com/support/kb/aspnet-ajax/grid/google-suggest-style-filtering-in-radgrid.aspx

Grid

answered on 09 Jul 2012

5 answers

117 views

2+ GB file uploads?

Are 2+ GB file uploads possible using the Telerik upload control?

Also, a timeline for implementing this (if not already) would be appreciated. With the advent of IIS7 and the currrent modern browsers there doesn't seem to be a good reason why this isn't possible.

Upload (Obsolete)

answered on 09 Jul 2012