Questions on UI for ASP.NET AJAX Forum

1 answer

192 views

Hi,

I've noticed that image resize handles from the currently selected image in the rad editor have a higher z index than the custom dialog window (see attached, circled in red).

This also happens with the text input cursor.

If you click the dialog the z index is fixed.

I've tried the following css tweak suggested as a fix else where...

.RadWindow .RadWindow_Office2007 .rwNormalWindow .rwTransparentWindow

{

z-index: 200000 !important;

}

... and it does not make any difference.

I'm using the following JS to open my dialog:

function ShowEditor(typeId, inmemoryId, savedId, title, callBackFunction, editorHandle, windowUrl) {

//open a rad window containing the page control editor

editorHandle.showExternalDialog(

windowUrl + '?typeId=' + typeId + '&inMemoryId=' + inmemoryId + '&savedId=' + savedId,

null,

800,

400,

callBackFunction,

null,

title,

true,

Telerik.Web.UI.WindowBehaviors.Close + Telerik.Web.UI.WindowBehaviors.Move + Telerik.Web.UI.WindowBehaviors.Reload,

false,

true);

}

Any ideas?

Thanks,

Ian.

Editor

answered on 13 Jul 2011

2 answers

95 views

[Solved] Selective suppress the SetImageProperties dialog

Hi,

I'm using the image tag as a place holder for some custom content the up shot is that if an image has certain attributes (some I've made up) I want to suppress the standard image properties editor that the rad editor has built in if the user clicks 'properties' in the context menu.

I've been able to get the suppress to work correctly, but I have also stopped the image properties editor from working when a normal image is used.

My rad editor looks like:

<telerik:RadEditor ID="ucEditor" runat="server" OnClientLoad="OnClientLoad" Width="99%" Height="470px" ToolsFile="~/Resources/Config/RadControls/DefaultToolsFile.xml">
    <CssFiles>
        <telerik:EditorCssFile Value="" />
    </CssFiles>
    <ContextMenus>
        <telerik:EditorContextMenu TagName="IMG" Enabled="true">
            <telerik:EditorTool Name="EditPageControl" Text="Edit Page Control" />
            <telerik:EditorTool Name="SetImageProperties" />
        </telerik:EditorContextMenu>
    </ContextMenus>
</telerik:RadEditor>

I've got the following handler for set image properties:

Telerik.Web.UI.Editor.CommandList["SetImageProperties"] = function (commandName, editor, args) {

var elem = editor.getSelectedElement();

var typeId;

var inmemoryId;

var savedId;

var pageControlName;

//get the selected tag

editor.selectElement(elem);

var selection = editor.getSelection();

var selectionHTML = selection.getHtml();

//attempt to retrieve the parameters we need from the tags

//attributes

typeId = $telerik.$(selectionHTML).attr("typeId");

savedId = $telerik.$(selectionHTML).attr("savedId");

inmemoryId = $telerik.$(selectionHTML).attr("inMemoryId");

pageControlName = $telerik.$(selectionHTML).attr("pageControlName");

//check if this is a dynamic page control place holder

if (typeId != null && savedId != null && inmemoryId != null && pageControlName != null) {

//user has selected an dynamic page control and is trying to edit it using the image manager - must prevent this!

alert('This is a dynamic page control, please click Edit Page Control to edit it');

return; //disable the browsers context menu

}

I suspect I need an 'else' part to go with the if but I'm not sure how you would manually invoke the image properties editor.

Thanks,

Ian.

Editor

answered on 13 Jul 2011

1 answer

157 views

RadCalendar Client Navigation Event Occurring Continuously

Hi,
I created Sample Calendar Event With Multiple Views (1cloumn, 3 Rows) , if i click slow navigation (>) button it moves after 3 months , i want to just move one month , that month should show in top , Is any property available in Rad Calendar , it would seems to outlook calendar 2007 design .. i created custom navigation , the selected date is disappears after click the slow navigation button , the event fires continuously. Please Look my code and can give me the best solution and looking help from you

<telerik:RadScriptBlock ID="idRSB" runat="server">

<script type="text/javascript" language="javascript">

function CheckSelections(sender, eventArgs) {

//debugger;

//var dates = sender.get_selectedDates();

var minDate = sender.get_rangeMinDate();

var maxDate = sender.get_rangeMaxDate();

var calendar = $find("<%= RadCalendar1.ClientID %>");

var dates = calendar.get_selectedDates();

var date = dates[0]

var year = date[0];

var month = date[1];

var day = date[2];

var datearray = "2011,08,16"

var arr = datearray.split(",")

calendar.selectDate(arr, true);

}

</script>

</telerik:RadScriptBlock>

<div>

<telerik:RadScriptManager ID="RadScriptManager" runat="server" />

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadCalendar1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadCalendar1"></telerik:AjaxUpdatedControl>

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadCalendar ID="RadCalendar1" runat="server" AutoPostBack="true" MultiViewColumns="1"

MultiViewRows="3" EnableMultiSelect="false" RangeMaxDate="2100/01/01" RangeMinDate="1965/01/01">

<ClientEvents OnCalendarViewChanged="CheckSelections" />

</telerik:RadCalendar>

.

Calendar

answered on 13 Jul 2011

1 answer

92 views

RadTimePikcer popup direction

Hi guys,
I need your help.I have in my aspx the following code:

<

telerik:RadTimePicker ID="RadTimePicker" runat="server" Skin="WebBlue" PopupDirection="TopRight" >

</telerik:RadTimePicker>

It is very big popup screen considering to show time every minute up unitl 21:00.Is there any other way to display popup screen?
Maybe vertically instead of horizontally because it is looks not so good.

Thanks so much.

General Discussions

answered on 13 Jul 2011

1 answer

171 views

Access key not working some browsers

Hi, I've been adding access key support to a RADMenu that's included in an application using the ASP.NET AJAX Q1/2011 release. The access keys work fine in IE9. In Firefox 5, using the ALT/SHIFT/key combination works but it starts the cursor flashing! Using Chrome 12 and Safari 5, the ALT/key combinations don't appear to work at all.

All of these issues are demonstrable on your own demo page at...
http://demos.telerik.com/aspnet-ajax/menu/examples/functionality/keyboardsupport/defaultcs.aspx

Are browsers other than IE supported by the access key feature in RADMenu?

Best regards, Ian

Menu

answered on 13 Jul 2011

2 answers

121 views

$find for a radnumerictextbox gives me a null

HI,

I am lost.
This code gives the the right result in one function in my javascript but returns null in another.
I need to set the value of the numeric text box from javascript using set_value();
Please help!

var B = $find('RadNumericTextBox2');

Thanks,
SHweta

Ajax

answered on 13 Jul 2011

1 answer

99 views

properties editor doesn't support fields-prompt

hi,
I just upgrade my Aspnet ajax to ver 2011 Q1, my question is: in Grid's properties editor, I couldn't find fields-prompt support for DataKeyNames input, parent table relation defining (as attachment)..., even I've defined the DataSouce name. RadGrid doesn't support this feature or I got the wrong design step?

mac

Grid

answered on 13 Jul 2011

1 answer

159 views

System.Security.SecurityException is coming while fetching data in radgrid from sql connection

System.Security.SecurityException is coming while fetching data in radgrid from sqlConnection object
I have uploaded the site to netfirms.com, they are only supporting Medium Trust Level.

Security Exception

Description: The application attempted to perform an operation not allowed by the security policy. To grant this application the required permission please contact your system administrator or change the application's trust level in the configuration file.

Exception Details: System.Security.SecurityException: Request for the permission of type 'System.Security.Permissions.ReflectionPermission, mscorlib, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089' failed.

I have used templates for editing in radgrid.

How to get data in the radgrid without using reflection ?

Grid

answered on 13 Jul 2011

3 answers

144 views

filter by DataKeys or DataItem's text?

I am using a RadFilter with a RadGrid. So far I have only got the RadFilter to work when my FilterExpression's FieldName is equal to a GridBoundColumn's DataField.

I have a column where the text displayed to the user is a concatenation of 3 fields from my DataSource. However, I want the user to be able to filter by each of these fields individually. Adding the individual fields as DataKeys did not work. Right now I have it working by having 3 GridBoundColumns with DataField set to each of the 3 individual fields, and Visible=false. Are there any performance implications to this approach? Even if there aren't any, I still think it's messy code. I would prefer to use the DataKey if possible.

I have another column where the value from my DataSource is an int. However, to get the value I display to the user, I cast this int to an enum and call ToString(). I am building my filter expressions programmatically. Right now it seems like I would have to build a RadFilterEqualToFilterExpression<int> for this column. However, all my other columns would use RadFilterEqualToFilterExpression<string>. My code would be much simpler if I could use RadFilterEqualToFilterExpression<string> for all my columns. Is it possible to filter by DataItem["uniqueName"].Text?

Thank you!

Filter

answered on 13 Jul 2011

1 answer

77 views

[Solved] Grid FilterRow doesn't render correctly in IE8 compatibility mode

Hi all.

I posted a reply to this post ( http://www.telerik.com/community/forums/aspnet-ajax/grid/grid-renders-differently-from-development-when-in-production.aspx#963065 ) yesterday but wanted to start a fresh post incase no one is monitoring that post any more

I have a grid with a filter row that renders incorrectl when IE8 is used in compatibility mode. I have attached 3 images to show what they look like in different scenarios..

Image 1 shows the header of my grid in IE8 with compatibility mode turned off.
Image 2 shows the same header in the same browser with compatibility turned on.
Image 3 shows the same setup as image2, but with the FilterControlWidth set to 50px, which is much narrower than the filter icon's required space.

The code for the first column (Customer Reference) is shown here...

This is the same code used to generate Image 1 and Image 2.

<telerik:GridBoundColumn

HeaderText="Customer reference"

DataField="External_Document_No"

SortExpression="External_Document_No"

FilterControlWidth="108px"

FilterListOptions="VaryByDataType"

>

<HeaderStyle HorizontalAlign="Left" Width="158px" />

<ItemStyle HorizontalAlign="Left" Width="158px" />

</telerik:GridBoundColumn>

This is the code used to generate Image 3...

<telerik:GridBoundColumn

HeaderText="Customer reference"

DataField="External_Document_No"

SortExpression="External_Document_No"

FilterControlWidth="50px"

FilterListOptions="VaryByDataType"

>

<HeaderStyle HorizontalAlign="Left" Width="158px" />

<ItemStyle HorizontalAlign="Left" Width="158px" />

</telerik:GridBoundColumn>

It seems that the FilterControlWidth option is only setting the textbox and not the overall width of the filter item (the textbox and the filter button)

Any ideas why the filter row doesn't all sit nice and neatly on one row?

Grid

answered on 13 Jul 2011