2 answers

180 views

Customizing InsertImage and other editor dialogs

I'm attempting to customize the insertimage.ascx to allow for a custom image dialog to populate the image source. I reviewed the customization of the linkmanager.ascx and have tried the below code, but I keep getting a javascript error stating that the Telerik.Web.UI.Dialogs is undefined. I've obviously forgotten something or misunderstood how to access our own image selector. I've got to use custom dialogs for flash, images and slideshows. I've got our document dialog working fine with teh LinkManager, but am stuck here. Any assistance would be great.

<script type="text/javascript">

function showCustomDialog() {

debugger;

var argument = {};

var callbackFunction = function (sender, args) {

var oTextBox = $get("ImageSrc");

oTextBox.value = args;

}

var dialogOpener = Telerik.Web.UI.Dialogs.CommonDialogScript.get_windowReference().get_dialogOpener();

dialogOpener.openUrl("/custom_editors/Images.aspx", argument, 900, 650, callbackFunction, null, "image manager", true, 36, false, true);

}

</script>

<div id="InsertImage" class="reInsertImageWrapper" style="display: none;">

<table cellspacing="0" cellpadding="0" border="0" class="reControlsLayout">

<tr>

<td style="vertical-align: top;">

<label class="reDialogLabelLight" for="ImageSrc">

<span>[imagesrc]</span>

</label>

</td>

<td class="reControlCellLight">

<table border="0" cellpadding="" cellspacing="0">

<tr>

<td>

<input type="text" id="ImageSrc" class="rfdIgnore" />

</td>

<td style="padding-left: 4px;">

<input id="Button1" type="image" value="Browse" onClick="showCustomDialog();return false;" src="/images/icons/image_add.png" class="imgButton"/>

<tools:StandardButton runat="server" ToolName="ImageManager" id="ImageManagerCaller" />

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td>

<label class="reDialogLabelLight" for="ImageAlt">

<span>[imagealttext]</span>

</label>

</td>

<td class="reControlCellLight">

<input type="text" id="ImageAlt" class="rfdIgnore" />

</td>

</tr>

<tr>

<td colspan="2" class="reImgPropertyControlCell">

<table cellpadding="0" cellspacing="0">

<tr>

<td>

<label class="reDialogLabelLight" for="ImageWidth">

<span>[width]</span>

</label>

</td>

<td>

<input type="text" id="ImageWidth" class="rfdIgnore" /> px

</td>

<td>

<label class="reDialogLabelLight" for="ImageHeight">

<span>[height]</span>

</label>

</td>

<td>

<input type="text" id="ImageHeight" class="rfdIgnore" /> px

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td colspan="2">

<table border="0" cellpadding="0" cellspacing="0" class="reConfirmCancelButtonsTblLight">

<tr>

<td align="right">

<button type="button" id="iplInsertBtn">

[ok]

</button>

</td>

<td>

<button type="button" id="iplCancelBtn">

[cancel]

</button>

</td>

</tr>

</table>

</td>

</tr>

</table>

</div>

Editor

answered on 21 Sep 2011

1 answer

299 views

RadGrid OnRowClick & OnRowDblClick Events

I have an aspx page that has a RadGrids. I want to perform different operation in clicking and double-clicking the row. I have two client-side events for OnRowClick and OnRowDblClick. But RowClick is always called even I have double-clicking the row. How to make

OnRowDblClick together with OnRowClick ?

Here are my codes:

function OnRowClick(sender, eventArgs) {

alert(

"Row-Clicking")

}

function RowDoubleClick(sender, eventArgs) {

alert(

"Double-clicking")

}

<

telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="False" AllowSorting="false"

AllowMultiRowSelection="False" AllowPaging="True" GridLines="Both" ShowGroupPanel="false"

OnItemCommand="RadGrid_ItemCommand" OnNeedDataSource="RadGrid_NeedDataSource"

OnItemDataBound="OnGridItemDataBound">

<MasterTableView DataKeyNames="MeterStationNumber" AllowMultiColumnSorting="False">
----

</MasterTableView>

<

ClientSettings AllowDragToGroup="false" EnableRowHoverStyle="true" >

</ClientSettings>

Grid

answered on 21 Sep 2011

1 answer

378 views

Combobox tooltip on Onmouse hover

Hi ,

I want the tool tip should be shown on hovering the items on radcombobox, I am loading all the items on server side itself.
Onclient side i want to show the item text when hovering on mouse.

Please guide me.

Regards,
Xavier

ComboBox

answered on 21 Sep 2011

1 answer

147 views

[Solved] javascript validation for start-end datetime columns

Hi,

I have a

1) start datetime column
2) End datetime column

I'm hoping to avoid having to rewrite everything and create a gridtemplate column for validation. I was wondering about anyway to perform javascript functions to warn the user that the End datetime column must always be greater than the start datetime column.

thanks,
Minh Bui

Grid

answered on 21 Sep 2011

1 answer

104 views

adding items to automatic operationes (insert, update, delete)

Looking for a way to use an autogenerated edit form and automatic operations but add properties such as logged in user and date and time for an insert or update. Is there a way to append items to what is being inserted using the grid's operations or is doing it on the data source the better option?

Grid

answered on 21 Sep 2011

2 answers

151 views

[Solved] Hiding of GridButtonColumn depending on row number

Hi,
I have a Grid that includes 2 GridButtonColumns. One of the buttons is MoveUp and the other is MoveDown. I need to hide the MoveUp button for the first row and hide the MoveDown button for the last row.

Is there an example for hiding a GridButtonColumn in the codebehind?

Thanks,
Dan

Grid

answered on 20 Sep 2011

2 answers

134 views

Printing Labels in asp.net application

Hi,

I want to print labels.
Is this possible using telerik controls?

Thanks,
Ravi

General Discussions

answered on 20 Sep 2011

1 answer

582 views

ASP.NET Ajax client-side framework failed to load.... Telerik.Web.UI.WebResource.axd not accessible

Read this for a full details... the JavaScript errors that led me to this are printed below. Please either answer my question on this thread or or Stack Overflow if you know how to resolve this.

http://stackoverflow.com/questions/7491924/http-handler-cannot-find-axd-file-in-nested-web-application-folder-telerik-radsc

JavaScript Error #1:

ASP.NET Ajax client-side framework failed to load.

<script type="text/javascript">
//<![CDATA[
if (typeof(Sys) === 'undefined') throw new Error('ASP.NET Ajax client-side framework failed to load.');
function WebForm_OnSubmit() {
if (typeof(ValidatorOnSubmit) == "function" && ValidatorOnSubmit() == false) return false;
return true;
}

JavaScript Error #2:

Sys is not defined

<script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('RadScriptManager1', document.getElementById('editorform'));
Sys.WebForms.PageRequestManager.getInstance()._updateControls(['tctl00SU'], [], [], 90);
//]]>
</script>

JavaScript Error #3:

RadEditorCommandList is not defined

RadEditorCommandList['Edit Link'] = function(commandName, editor, oTool)
{
_editor = editor;
_point = editor.CreateRestorePoint();
var selection = editor.GetSelection();
var pe = selection.GetParentElement();
var id = '';
if (pe && pe.tagName.toLowerCase() == 'a' && pe.attributes['cms:asset_id']) {
id = pe.attributes['cms:asset_id'].value;
}
window.top.InlineLinkEditor.selection = selection.GetText();
window.top.InlineLinkEditor.show('elementid=' + $('__elementId').value + '&xrefid=' + id + '&html=' + encodeURIComponent(selection.GetHtmlText()), editLink, null);
};

General Discussions

answered on 20 Sep 2011

1 answer

124 views

Problem with ajax radgrid sorting

Hi Telerik team,
So far i have enjoyed using your telerik controls but now facing an awkward problem.
I am creating radgrid dynamically from the code behind with autogenerated columns TRUE.
when I set AllowSorting property of the grid to true. It is displaying the following error

Control 'ctl16_ctl00_ctl02_ctl00_ctl00' of type 'GridLinkButton' must be placed inside a form tag with runat=server.

I even tried with advanced databinding like on need datasource but no luck.
i set autogenerated columns=false and dynamically added columns and data fields and sortexpression and bind the grid. the previous error is gone but the sorting is not happening. Please take it as urgent issue and tell me the solution as my demo is tomorrow.
Thanks in advance

Grid

answered on 20 Sep 2011

0 answers

90 views

Javascript on IPAD

Hi

I am using this code to get the Grandtotal of each item in Radgrid and show it in textbox outside Grid

function Grand_Total(sender)

{

var tot_cos = document.getElementById("tot_cos");

var grandTotal = 0;

for(var i = 0; i < sender.MasterTableView.Rows.length; i++) //loop through the items

{

var item = sender.MasterTableView.Rows[i];

if (item.Control.cells[1].all[0].checked == true)

{

var total;

total= item.Control.cells[8].all[0].value.replace("$","");

grandTotal = parseFloat(grandTotal) + parseFloat(total);

}

tot_cos.value = parseFloat(grandTotal);

}

only when an item is checked i am retreiving the total.

When i open the same page on IPAD or safari . It gives me error item.Control.cells[1].all is not an object.

How can i get the item of radgrid in a row using uniquename.

Please help.

Thank you
kavya

Grid

asked on 20 Sep 2011