3 answers

137 views

radcontextmenu with radListView in mega drop down ajax not working properly

Hi,

Well, i have a problem with the radcontextmenu. Inside an ItemTemplate i use a RadListView to list some contracts i can choose from.
This radcontextmenu i add on an imageclick. It shows up when i click on a image. The folowing i added to the webusercontrol.

function showMenuC(e) {

var contextMenu1 = $find("<%= RadContextC1.ClientID %>");

contextMenu1.showAt(20, 135);

$telerik.cancelRawEvent(e);

}

<asp:ImageButton ID="imgContractBtn1" Visible="true" OnClientClick="showMenuC(event);" ImageUrl="/images/someimage.png" runat="server" />

<Telerik:RadContextMenu id="RadContextC1" runat="server" EnableViewState="false"

EnableRoundedCorners="true" EnableShadows="true" OnClientItemOpened="itemOpened" >

<Items>

<telerik:RadMenuItem CssClass="Contracts" text="ContractSelectie">

<ItemTemplate>

<div id="CatWrapper" class="Wrapper">

<telerik:RadListView ID="RLVContractSelectie1" runat="server"

AllowPaging="false"

EnableAjaxSkinRendering="true" RegisterWithScriptManager="true" EnableViewState="false"

OnItemDataBound="RLVContracts_ItemDataBound"

GroupItemCount="1"

AllowMultiItemSelection="false" onneeddatasource="RLVContracts_NeedDataSource">

<ItemTemplate>

<fieldset class="myClass">

<div id="div-image">

<asp:ImageButton ID="Image1" runat="server" SkinID="imgNoPicture" CssClass="imageStyle" />

</div>

<div id="textbox">

some text

</div>

<div id="div-masker">

<asp:ImageButton ID="imgMasker" CommandName="Select"

CommandArgument='<%#DataBinder.Eval(Container.DataItem, "intContractPID")%>' runat="server" SkinID="imgMasker" CssClass="imageStyleMasker" />

</div>

</fieldset>

</ItemTemplate>

</telerik:RadListView>

</div>

</ItemTemplate>

</telerik:RadMenuItem>

</Items>

</Telerik:RadContextMenu>

Ok, I explain now what problem i got now, and what i allready tried to get it work properly.

First thing, i have everything placed in a radAjaxPanel. When i click my image (imgContractBtn1), it shows the contextmenu! It has the radListView filled with some contracts with images and some text on it. Then when i click the imgButton (imgMasker), it fires the onitemcommand of the RadListView and it postback. So my selected item is selected and everything works great, except ajax. It loads my screen with everything what should work. Everything works great, except for the ajax thing.

so, when i try putting on a radajaxpanel inside the radmenu itemtemplate of the radcontextmenu, Ajax works fine, but the contextmenu stays open with all the items of the radListView. It close when i click the white space in the radcontextmenu! so, the functionality of the radmenuitem works.

My final question is, how can i make this work properly?

i didn't found such scenary yet on the forum, so can someone help me? ofcoarse i allready tried a lot of things like instead of the normal image button i used a radbutton, no effect.

ofcoarse there is another solution for this, is that i add a lot of controls to the ajaxmanager, but then again, the contextmenu didn't close when i clicked my imgMasker (imagebutton)

Best regards,

Fandy Backers

Menu

answered on 28 Oct 2011

1 answer

218 views

RadSliderItem text not showing on RadSlider

Hi

I use the RadSlider. I programicly from code behind put the items in the RadSlider. The thing is that i put too many items and the text is not shown, it's like "...", you can see it in the attachment. I put the tool tip but i also want to show the text.

In the code i tried this

for (double minute = 0; minute <= minutes; minute = minute + 15)

{

RadSliderItem radSliderItem;

if (((int)minute) % 60 == 0)

{

radSliderItem = new RadSliderItem(workHoursStartDate.ToString("HH:mm"), minute.ToString());

radSliderItem.ToolTip = workHoursStartDate.ToString("HH:mm");

}

else

{

radSliderItem = new RadSliderItem("", minute.ToString());

radSliderItem.ToolTip = workHoursStartDate.ToString("HH:mm");

}

sliderTimeOffSlider.Items.Add(radSliderItem);

workHoursStartDate = workHoursStartDate.AddMinutes(15);

}

i thought that if i don't put text on all items, that the text will be shown on those that have.
Before that the code was like this

for (double minute = 0; minute <= minutes; minute = minute + 15)

{

RadSliderItem radSliderItem;

radSliderItem = new RadSliderItem(workHoursStartDate.ToString("HH:mm"), minute.ToString());

radSliderItem.ToolTip = workHoursStartDate.ToString("HH:mm");

sliderTimeOffSlider.Items.Add(radSliderItem);

workHoursStartDate = workHoursStartDate.AddMinutes(15);

}

I have pictures in the attachment from both cases.

So do you have solution so i can show the time on the radSlider and not just on the tool tip

Regards,
Goran

Slider

answered on 28 Oct 2011

4 answers

139 views

[Solved] Issue with Image Editor

Greetings,

Currently I'm using an implementation of the RadEditor with a custom ImageManager. It has the following custom pieces to it:

FileBrowser.ascx
ImageEditor.ascx
SetImageProperties.ascx

FileBrowser.ascx was the only real custom piece, due that we needed to hide a few options. Recently, I was notified that the Image Editor is no longer working and the following error was spit out.

Server Error in '/Community' Application.

Object reference not set to an instance of an object.

Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.

Exception Details: System.NullReferenceException: Object reference not set to an instance of an object.

Source Error:

An unhandled exception was generated during the execution of the current web request. Information regarding the origin and location of the exception can be identified using the exception stack trace below.

Stack Trace:


            [NullReferenceException: Object reference not set to an instance of an object.]
   Telerik.Web.UI.Editor.DialogControls.ImageEditorDialog.InitializeImageEditor() +22
   Telerik.Web.UI.Editor.DialogControls.ImageEditorDialog.OnInit(EventArgs e) +112
   System.Web.UI.Control.InitRecursive(Control namingContainer) +333
   System.Web.UI.Control.AddedControl(Control control, Int32 index) +198
   System.Web.UI.ControlCollection.Add(Control child) +80
   Telerik.Web.UI.DialogHandlerNoSession.AddDialogControl(Control dialogControl, DialogParameters dialogParameters) +252
   Telerik.Web.UI.DialogHandlerNoSession.LoadDialogControl() +606
   Telerik.Web.UI.DialogHandlerNoSession.CreateChildControls() +245
   System.Web.UI.Control.EnsureChildControls() +87
   Telerik.Web.UI.DialogHandlerNoSession.OnPreLoad(EventArgs e) +18
   System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +554

Version Information: Microsoft .NET Framework Version:2.0.50727.4206; ASP.NET Version:2.0.50727.4209

Nothing has changed in our implementation that I know of and was wondering if something changed when the newer version of the controls came out. That is the only thing that has really changed that I know of. Any help would be appreciated. Thanks.

Kindest Regards,
Chad Johnson

Editor

answered on 28 Oct 2011

1 answer

184 views

RadGrid RowDblClick - can you find the columnindex?

In RadGrid RowDblClick, I want to put the row in edit mode only if the user clicks certain cell columns in my grid (only if they click one of the non-readonly columns, for example). How can I alter it to conditionally inspect which column was clicked?

function RowDblClick(sender, eventArgs) {

// inspect what column was clicked

// if (columnindex in (3,6,7) { -- user clicked one of our editable columns, so allow edit

sender.get_masterTableView().editItem(eventArgs.get_itemIndexHierarchical());

// }

}

Or would it be possible to use a cell dbl-click event instead of row's dbl-click event, if such an event for cells exists?

General Discussions

answered on 28 Oct 2011

1 answer

94 views

Scrollbars coming in safari not in IE.

Hi,

I have given 'Autosize' property for the Radwindow and set the height and width of the Page(Content) which can be accessed by the Rad Window.I have faced problem in safari that is am getting scrollbars inside Radwindow but not in IE.(See attached Image).
How can I avoid the scrollbars in safari ?

<telerik:RadWindowManager ID="RadWindowManagerAlertIssue" runat="server" VisibleStatusbar="False"

EnableEmbeddedSkins="false" Skin="DDC" Behaviors="Close" ShowContentDuringLoad="false" style="z-index: 1001"

OnClientPageLoad="OnClientPageLoad" ReloadOnShow="true">

<Windows>

<telerik:RadWindow ID="DialogAlertIssue" Modal="true" IconUrl="/_WebControlsResources/Images/Icons/edit.gif"

AutoSize="true" runat="server">

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

Page inside the Radwindow

<div>

<table width="470px" height="150px" border="0" cellspacing="0" cellpadding="0" style="background: #afafd7 url(/_WebControlsResources/Images/TooltipPanels/RadTooltipBlue/email.jpg) no-repeat top right;">

<tr>

<td>

</td>

<td>

</td>

<td>

<div style="padding: 5px;">

<table>

<tr>

<td style="color: #ffffff; font-size: 12px; font-weight: bold; padding-right: 10px; width: 1%; white-space: nowrap;" align="right" >

<asp:Label ID="Label1" Text="Default Issue:" runat="server" Font-Bold="True" />

</td>

<td style="color: #ffffff; font-size: 12px; font-weight: bold;" >

<asp:CheckBox ID="cbxDefaultIssue" runat="server" />

<img height="16" width="16" align="absmiddle" style="padding-right: 5px;" src="/_WebControlsResources/Images/Icons/info_violet.gif"/>

<span id="span1" runat="server" style="font-weight: bold; font-size: 11px;">Note: Only one issue can be flagged as the default.</span>

</td>

</tr>

<tr>

<td style="color: #ffffff; font-size: 12px; font-weight: bold; padding-right: 10px;" align="right">

<asp:Label ID="Label2" Text="Issue:" runat="server" Font-Bold="True" />

</td>

<td style="color: #ffffff; font-size: 11px; font-weight: bold;" padding-left: 5px;">

<asp:Label ID="lblIssueName" runat="server" />

</td>

</tr>

<tr>

<td style="color: #ffffff; font-size: 12px; font-weight: bold; padding-right: 10px;" align="right">

<asp:Label ID="Label3" Text="Description:" runat="server" Font-Bold="True" />

</td>

<td colspan="2" style="color: #ffffff; font-size: 11px; font-weight: bold;">

<asp:Label ID="lblDescription" runat="server" />

</td>

</tr>

</table>

</div>

</td>

</tr>

<tr>

<td colspan="4" height="36" valign="bottom">

<table height="36" border="0" align="center" cellpadding="0" cellspacing="0">

<tr valign="bottom">

<td class="Curved_Plinth_Left_BlueOnTransparent">

<img src="/_WebControlsResources/Images/spacer.gif" width="40" height="36"></td>

<td valign="bottom" align="center" nowrap class="Curved_Plinth_Middle_Blue">

<span class="NewPillBtn_GreenOnPlinthBlue">

<asp:Button ID="ButtonSave" runat="server" Text="Save" OnClick="ButtonSave_Click" />

</span>

</td>

<td valign="bottom" align="left" width="1" nowrap class="Curved_Plinth_Middle_Blue">

<span class="NewPillBtn_BlueOnPlinthBlue">

<asp:Button ID="ButtonCancel" runat="server" Text="Cancel" OnClientClick="javascript:closeOnUpdate(false);" />

</span>

</td>

<td class="Curved_Plinth_Right_BlueOnTransparent">

<img src="/_WebControlsResources/Images/spacer.gif" width="40" height="36"></td>

</tr>

</table>

</td>

</tr>

</table>

</div>

Window

answered on 28 Oct 2011

1 answer

75 views

UserControls and RadMenuItem

I have a RadMenuItem in a master page that works fine , but in some pages I have user control with a button in it which refresh rad grid.
But the problem is : when I click the button in usercontrol and grid refreshed , all child menu items disappears

Please help me to fix the problem

Menu

answered on 28 Oct 2011

3 answers

324 views

is there a way to add a icon/image to the upload button

Hi,
I'd like to add a custom "plus" graphic (16x16) png to the the upload button.
could someone point me to where to change the CSS or any other means to get this done.

thanks

AsyncUpload

answered on 28 Oct 2011

5 answers

304 views

[Solved] RadComboBox RequiredFieldValidator within RadGrid EditUserControl

Hello!

I've seen couple of examples on how to validate RadComboBox with RequiredFieldValidator, but I can't get it working. In my scenario I have RadGrid with EditUserControl which has couple of RadComboBoxes I tried to validate, but without any success. What happens is that on a button click code is executed, but without any validation.

This is the code example of a UserControl:

<div class="ucWrapper">

<div class="ucLeft">

<table>

<tr>

<td>

Vrsta prijave:

</td>

<td>

<telerik:RadComboBox ID="rcbVrstaPrijave" Text='<%# DataBinder.Eval(Container, "DataItem.VrstaPrijave") %>'

runat="server" Skin="Hay">

</telerik:RadComboBox>

<asp:RequiredFieldValidator ID="rfv1" ControlToValidate="rcbVrstaPrijave"

runat="server" ErrorMessage="*" InitialValue="0"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td>

Tip:

</td>

<td>

<telerik:RadComboBox ID="rcbTip" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Tip") %>'

Skin="Hay">

</telerik:RadComboBox>

Status:

<telerik:RadComboBox ID="rcbStatus" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Status") %>'

Skin="Hay">

</telerik:RadComboBox>

<asp:RequiredFieldValidator runat="server" ID="rfv2" ValidationGroup="Group1" ControlToValidate="rcbTip"

Display="dynamic" ErrorMessage="*" />

</td>

</tr>

<tr>

<td>

Opis:

</td>

<td>

<asp:TextBox ID="txtOpis" runat="server" TextMode="MultiLine" Width="455px" Height="200px"

Text='<%# DataBinder.Eval(Container, "DataItem.Opis") %>' Font-Names="Calibri"

Font-Size="10pt"></asp:TextBox>

</td>

</tr>

<tr>

<td>

<asp:Button ID="btnUpdate" Text="Spremi" runat="server" CommandName="Update" ValidationGroup="Group1" Visible='<%# !(DataItem is Telerik.Web.UI.GridInsertionObject) %>'>

</asp:Button>

<asp:Button ID="btnInsert" Text="Spremi" runat="server" ValidationGroup="Group1" CommandName="PerformInsert"

Visible='<%# DataItem is Telerik.Web.UI.GridInsertionObject %>'></asp:Button>

</td>

Any help would be appreciated.

Thank you,

Hrvoje

ComboBox

answered on 28 Oct 2011

1 answer

214 views

RadEditor Alignment options

First, we remove ShowOnFocus option from Radeditor because there were a lot of bugs, and i had no ideas how to fix it.
Second, even with static radeditor without any floating toolbars bugs presented.
1. If I add RadToolTip for radeditor, and move mouse on toolbar there are two tooltips - one from radeditor, second - radtooltip with custom message. How to add radTooltip ONLY for CONTENT of radeditor< not fow whole radeditor - i don't know.
2. Alignment options in FF. Under different browsers, radeditor generates different content tegs. Under firefox it generates <div align="center"></div> - if at first click on some align, but if I click for example on 'bold' it generates <b></b> and after that align apply to parent teg reContentArea reContentAreaToggle - how to fix it I don't know.
Is any way to unify generating content of radeditor, in order to have the same content under all browsers?

Editor

answered on 28 Oct 2011

4 answers

250 views

How do I change font size?

Hi,

Could anyone tell me how can I change the font size of the "remove" button that gets displayed after you select a file to upload in "AsyncUpload" control? Changing "Font-size" only changes the font size of the filename to be uploaded but not the "remove" button.

<telerik:RadAsyncUpload ID="importFileUpload" runat="server" Localization-Select="Browse" InputSize="50" MaxFileInputsCount="1" Font-Size="12pt">
</telerik:RadAsyncUpload>

Many thanks.

MG

AsyncUpload

answered on 28 Oct 2011