Questions on UI for ASP.NET AJAX Forum

5 answers

240 views

We have an issue where the Rad window is off the top of the screen on the iPad and it cannot be scrolled back into view, thus clients cannot enter into the first few fields on the window. Interestingly enough this only seems to happen when we set the focus on the first (or any) field on the window. We want to do this so the clients can start typing right away and do not have to select the first box themselves.

Please Help!! Big Issue for our clients!

Window

answered on 20 Oct 2014

6 answers

158 views

Coustomizing Editor Dialog Message

When I am pasting data with word formatting i get this message , I need to customize this message and change the text on buttons.

I have visited http://demos.telerik.com/aspnet-ajax/editor/examples/externaldialogspath/defaultcs.aspx , I could not make out how can i modify this particular message.

Can some one address this for me.

Thanks.

Editor

answered on 20 Oct 2014

1 answer

172 views

Unable to set TimePicker to 24 hour values when used in a GridDateTimeColumn

In my application, I have a telerik:RadGrid that contains columns of different types. One of the columns is a telerik:GridDateTimeColumn and is dfined as follows:

<telerik:GridDateTimeColumn PickerType="TimePicker" UniqueName="BreakStartDateTime"

HeaderText="<% $Resources:PageControls, StartTime %>" DataField="BreakStartDateTime"

DataFormatString="{0:t}">

<HeaderStyle Wrap="false" Width="50px" />

</telerik:GridDateTimeColumn>

In my code behind, I do a PreRender on this table so that I can set the DataFormatString according to a system option on how the client would like this data to be displayed in the Grid. That code is as follows:

protected void grdBreaksList_PreRender(object sender, System.EventArgs e)

{

if (Session[SESSION_BREAK_DATA] != null)

{

foreach (GridColumn column in grdBreaksList.Columns)

{

if (column.UniqueName == "BreakStartDateTime" || column.UniqueName == "BreakEndDateTime")

{

if (SysOption.IsDisplayTime24HourClock)

{

(column as GridBoundColumn).DataFormatString = "{0:HH:mm}";

}

else

{

(column as GridBoundColumn).DataFormatString = "{0:t}";

}

grdBreaksList.Rebind();

}

All of this works great and the data in the Grid displays as it should based on how the system option is configured to display the time.

The issue is when we try to edit or insert a new row for this grid, we are not able to set the format for the values in the TimePicker. We can set the format for the field when the value is picked, but we are unable to set the format for the values in the TimePicker popup that shows times to choose. We set the format of the editable/insertable field as follows in the ItemDataBound for the grid:

if (((e.Item is GridDataInsertItem) || (e.Item is GridEditableItem)) && e.Item.IsInEditMode)

{

GridEditableItem dataItem = (GridEditableItem)e.Item;

RadTimePicker picker = (RadTimePicker)dataItem["BreakStartDateTime"].Controls[0];

WebDateHelper.SetTwentyFourHourAttributes(picker);

}

The WebDateHelper is as follows:

public static void SetTwentyFourHourAttributes(RadTimePicker inControl)

{

StringBuilder format = new StringBuilder();

CultureInfo culture;

if (SysOption.IsDisplayTime24HourClock)

{

format.Append("HH:mm");

}

else

{

format.Append("hh:mm tt");

}

if (PremisePrincipal.Current != null && PremisePrincipal.Current.LocalityCd != null)

{

culture = new CultureInfo(PremisePrincipal.Current.LocalityCd);

}

else

{

culture = new CultureInfo(SysOption.DefaultLocalityCd);

}

inControl.DateInput.Culture = culture;

inControl.TimeView.TimeFormat = format.ToString();

inControl.DateInput.DateFormat = format.ToString();

inControl.DateInput.DisplayDateFormat = format.ToString();

}

Doing this formats the field correctly, but the pickable values are ALWAYS in the "hh:mm tt" format.

Any thoughts or suggestions would be greatly appreciated.

General Discussions

answered on 20 Oct 2014

3 answers

103 views

GridDateTimeColumn AutoCorrect Function Not Firing Consistently

Hi,

I have several radgrids on a aspx page that each have a GridDateTimeColumn that has a column labeled 'Signature Date' with the following format below:

<telerik:GridDateTimeColumn HeaderText="Sign Date"
DataField="SignatureDate"
UniqueName="SignatureDate"
EditDataFormatString="MM/dd/yyyy"
MaxLength="10">
<HeaderStyle Width="120px" />
</telerik:GridDateTimeColumn>

On some of these aforementioned grids, when tabbing away from the field or clicking the insert/update button for the edit item, causes the column field to autoparse the date format to it's correct format which is 'MM/dd/yyyy' which is the intent, but on some of the other grids, it does not do this. The only way to get it to fire is to click out of the field and then click back into it which then causes it to fire.

How can I ensure that this function fires every time the user tabs away or clicks the appropriate image button (insert/update) inside of the radgrid edit item?

Thanks,

Joe

Grid

answered on 20 Oct 2014

2 answers

329 views

Open RadMenuItem with Button

Hello,

I am working on a project with a RadMenu.
My project requirement is that when the user clicks on a button, the RadMenuItem will open.

The menu is defined as follows: (ASPX)

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

function ExternalitemOpened(s, e) {

if ($telerik.isIE8) {

// Fix an IE 8 bug that causes the list bullets to disappear (standards mode only)

$telerik.$("li", e.get_item().get_element())

.each(function () { this.style.cssText = this.style.cssText; });

}

function External_MouseOver(sender, args) {

if (args.get_item().get_parent() == sender) {

sender.set_clicked(false);

}

function ExternalOnClientItemClicking(sender, args) {

if (args.get_item().get_isOpen() == true) {

args.set_cancel(true);

args.get_item().close();

}

</script>

</telerik:RadCodeBlock>

<telerik:RadMenu ID="RadMenu_SpecialReport" runat="server" ClickToOpen="True" EnableShadows="True" OnClientItemOpened="ExternalitemOpened" OnClientItemClicking="ExternalOnClientItemClicking" OnClientMouseOut="External_MouseOver" Style="top: 0px; left: -2px; z-index: 100; height: 35px;" Skin="ExternalGridButtons" EnableEmbeddedSkins="false">

<Items>

<telerik:RadMenuItem PostBack="true" Text="Special Reports" Value="Special_Reports" CssClass="btn btn-primary btn-menu-grid-size">

<ContentTemplate>

<div id="Special_panel" class="Special_panel" style="width:300px; height:500px; background-color:white;">

<telerik:RadAjaxPanel ID="RadAjaxPanel_SpecialReport" runat="server" Width="80%"></telerik:RadAjaxPanel>

<telerik:RadButton ID="btn_ShowSpecialReport" runat="server" Text="Show Special Report" Skin="Web20" CssClass="btn_Sort" OnClick="btn_ShowSpecialReport_Click"></telerik:RadButton>

</div>

</ContentTemplate>

</telerik:RadMenuItem>

<telerik:RadMenuItem PostBack="true" Text="zzzz" Value="zzzzz" CssClass="btn btn-primary btn-menu-grid-size">

<ContentTemplate>

<div id="Div1" class="Special_panel" style="width:300px; height:500px; background-color:white;">

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Width="80%"></telerik:RadAjaxPanel>

<telerik:RadButton ID="RadButton2" runat="server" Text="Show Special Report" Skin="Web20" CssClass="btn_Sort" OnClick="btn_ShowSpecialReport_Click"></telerik:RadButton>

</div>

</ContentTemplate>

</telerik:RadMenuItem>

<telerik:RadMenuItem IsSeparator="true"></telerik:RadMenuItem>

</Items>

</telerik:RadMenu>

Is it possible to achieve this in the code-behind?

I'd love to solve this!

Thank you,
Daniel.

Menu

answered on 20 Oct 2014

1 answer

201 views

Custom icons for TreeListEditCommandColumn

Hi,

I'd lile to know how to specify my own set of icons for the TreeListEditCommandColumn: Insert, Edit and Delete. Specifically, I'm using the Skin="MetroTouch.

Thanks.

TreeList

answered on 20 Oct 2014

4 answers

121 views

Radtextbox values clear on CloudUpload

Having trouble with Radtextbox values clearing on form when using RadCloudUpload.

Can see the issue by doing the following:

Place a RadTextBox and a standard asp textbox on page. Add a RadCloudUpload control (using Azure).

Upload a file and the Radtextbox value clears where as the standard textbox does not.

Version I am using is 2013.3.1324.45.

Why is the RadTextBox clearing?

CloudUpload

answered on 20 Oct 2014

3 answers

345 views

Application menu not hiding when clicking on an iframe

Hi,

The site I am designing is has a RadRibbonBar across the top of the screen, with the bottom 80% of the screen taken up with an iframe that displays content based on ribbon bar interactions. Unfortunately, I have found that the application menu will not hide if you click on the iframe, it will only hide if you click on the ribbon bar or on part of the parent frame.

I imagine the solution to this is to add javascript to the iframe click event (if such a thing exists) and to programatically hide the application menu, however, I cannot see any client side functions to achieve this and before I start randomly hiding elements manually I thought I should ask if there is a standard way to do this.

Also, I would be interested to know if anyone else has encountered this issue and if they have any better solutions.

Thank you

RibbonBar

answered on 20 Oct 2014

3 answers

84 views

Pass query string value in via tool tip

Hi,

Assume we are creating a new appointment by double click. I want to be able to add a value that currently exists on the query string and is available - client side. The overall goal is to be able to process the new appointment with the query string value in the web service Insert event.

I tried this client side by setting OnClientFormCreated as a client handler.

function OnClientFormCreated(sender, args) {
var app = args.get_appointment();
app.set_toolTip(getParameterByName("EventID"));
alert(app.get_tooltip());
}

However this does not work - perhaps because the appointment does not yet exist? Any thoughts on how to achieve this with a newly created appointment? Thanks.

Scheduler

answered on 20 Oct 2014

8 answers

222 views

Validating Custom resource dropdown in RadScheduler

Hi,

I want to validate Custom resource fields in radscheduler on client side when i click on save button in Insert and update case.
Please help..

Thanks,
Kuldeep

Scheduler

answered on 20 Oct 2014