Questions on UI for ASP.NET AJAX Forum

1 answer

59 views

Chart

We have a requirement to display different activities on a single horizontal row/bar with different color for each of the activity. The activities can occur multiple times during a day and have a start time
     <---activity 1 ---><---activity 2---><------------activity 3-------------><activity 1><---activity 3--->
10:00                   11:00                 12:00                                      14:30          15:00                 16:00

ActivityDate                                       ActivityCode
2010-11-29 01:52:12.810                       40
2010-11-29 02:30:14.927                       45
2010-11-29 03:52:16.343                       50
2010-11-29 04:30:17.847                       55
2010-11-29 05:52:19.727                       60

Is there a chart type suitable for and are there any examples.

Thanks for any help.

Chart (Obsolete)

answered on 06 Dec 2010

2 answers

412 views

Add image in GridDataItem in databound event of RAD Grid

Hi,
Thanks in advance,
basically I m using my own controls which are inherited by RAD controls .
And Now i m using my first column as a client setting checkbox.
now my requiremnt is little bit change and now I want that i m using same my own grid but in that grid there is issue
when i m going to replace that checkBox in side the ClientSettingCheckBox type column to another controls that is simple "Imgae" in obly two rows but I have no solution that how I'll do this..

Please suggest me...

Thanks Regards,
Ravi Kumar Kamboj
Developer

Grid

answered on 06 Dec 2010

4 answers

417 views

RadWindow hide from javascript tricks

I have RadWindow opened as modal within page. RadWindow has the only button (LinkButton):

<asp:LinkButton ID="lbProceed" runat="server" CausesValidation="false" OnClientClick="radWnd.Hide();" OnClick="Proceed_Event">Proceed</asp:LinkButton>

So when i click button clients script hides RadWindow and postback doesn't occurs (FF 3.6.12) but when i remove client click event it works ok. On Chrome 7 it works with client side event but i get javascript errors "Failed to load resource" ref to my radwindow page just after postback.

Another one thing... If I hide RadWindow from OnClientClick (as descibed above) and after postback on page load form javascript i am trying to change radwindow size or/and its position:

GetRadWindow().setSize(GetRadWindow().getWindowBounds().width, height);

GetRadWindow().center();

$(document).ready(function () {

GetRadWindow().setSize(GetRadWindow().getWindowBounds().width, height);

GetRadWindow().center();

});

RadWindow becomes visible again. But if i remove above javascript RadWindow will stay invisible after postback.

I use: Telerik.Web.UI, Version=2010.3.1109.40

Window

answered on 06 Dec 2010

3 answers

129 views

Menu not focussed/highlight with different color

Hello All,

Need an urgent help.

I am using the Radmenuitem in a User Contol and in Master Page.

I am trying to highlight the menu selected with different color else the user is lost in which menu is looking into.

I have to work on the Client side code, becuase when i click on the Menus the Page Load doesn't get called the Menu.ascx file.

Please help me with Setting teh CSS class on Client side when the Menu item is clicked.

I tried using OnClientItemClicked() but seems no difference.

Please find the code below.

<radM:RadMenu ID="mnuImport" Width="90%" runat="server" Skin="Black" OnClientItemClicked="ClientCSS();" CssClass="menu">

<Items>

<radM:RadMenuItem Text="Home" NavigateUrl="../home.aspx"></radM:RadMenuItem>

<radM:RadMenuItem Text="File" NavigateUrl="../home.aspx"></radM:RadMenuItem>

<radM:RadMenuItem Text="Edit" NavigateUrl="../home.aspx"></radM:RadMenuItem>

<radM:RadMenuItem Text="View" NavigateUrl="../home.aspx"></radM:RadMenuItem>

</Items>

</radM:RadMenu>

function ClientCSS(sender, eventArgs)

{

var menu = $find("<%= rmstabmenu.ClientID %>");

var item = menu.findItemByText(home);

if (item != null)

{

item.CssClass = "Focussed";

}

<style>

.Focused

{

color: Red !important;

background-color: Yellow !important;

}

</style>

Menu

answered on 06 Dec 2010

3 answers

99 views

Do you have a control like this?

Do you have a control to mimics similar behavior http://www.lidpluss.com/themeforest/columbia-wp/ ?

Please refer the "Login & SignUp" link to the top!

General Discussions

answered on 06 Dec 2010

4 answers

79 views

MozEmStrong not converting <b> and <i> tags from word for IE

Hi Guys,

We have just noticed that when pasting from word documents that there are <b> and <i> tags. We would prefer that they convert to <strong> and <em> respecively.

We added the MozEmStrong property to our configfile.xml but have found that this only works for Firefox (obviously!) and not for IE. Is there a way to make it work for IE??

Cheers,

clarky

Editor

answered on 06 Dec 2010

1 answer

139 views

Setting Transparency

Hi guys, I'm working with the menu and trying to set the transparency to the background colour of the first sublevel of the menu.

div.RadMenu .rmVertical .rmItem

{

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

opacity: 0.3;

-moz-opacity: 0.3;

line-height: 25px;

Text-indent: 10px;

background-color: #1B3456;

color: White;

}

The issue I'm having is that it is setting the transparency to the text it seems? How should I get the background to become transparent? Thanks in advance!

div.RadMenu .rmVertical .rmItem

{

/* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

opacity: 0.3;

-moz-opacity: 0.3; */

line-height: 25px;

Text-indent: 10px;

background-color: #1B3456;

color: White;

}

div.RadMenu .rmVertical .rmItem

{

/* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

opacity: 0.3;

-moz-opacity: 0.3; */

line-height: 25px;

Text-indent: 10px;

background-color: #1B3456;

color: White;

}

div.RadMenu .rmVertical .rmItem

{

/* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

opacity: 0.3;

-moz-opacity: 0.3; */

line-height: 25px;

Text-indent: 10px;

background-color: #1B3456;

color: White;

}

div.RadMenu .rmVertical .rmItem

{

/* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

opacity: 0.3;

-moz-opacity: 0.3; */

line-height: 25px;

Text-indent: 10px;

background-color: #1B3456;

color: White;

}

div.RadMenu .rmVertical .rmItem

{

/* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

opacity: 0.3;

-moz-opacity: 0.3; */

line-height: 25px;

Text-indent: 10px;

background-color: #1B3456;

color: White;

}

div.RadMenu .rmVertical .rmItem

{

/* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

opacity: 0.3;

-moz-opacity: 0.3; */

line-height: 25px;

Text-indent: 10px;

background-color: #1B3456;

color: White;

}

div.RadMenu .rmVertical .rmItem

{

/* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

opacity: 0.3;

-moz-opacity: 0.3; */

line-height: 25px;

Text-indent: 10px;

background-color: #1B3456;

color: White;

}

Menu

answered on 05 Dec 2010

1 answer

93 views

ID Selector + TreeView CSS

Dears,
I have the following CSS in Style.css file (All pages in the project have a link to Style.css file)

.RadTreeView .rtLI

{

padding-bottom: 10px;

}

.RadTreeView .rtUL .rtUL

{

margin-top: 10px;

}

.RadTreeView .rtLast

{

padding-bottom: 0; /* prevent double-spacing */

}

I want to apply it on one specific RadTreeView only. How can I specify the ID selector

TreeView

answered on 05 Dec 2010

1 answer

122 views

ILoad Visibility Issue

Sir,
I have an issue with Rad-active I Load control.While uploading the image, it will display sometimes. Sometimes it won't display the image message and show a java script error in IE.The sample code for this application is shown below,











The control creation is like this,





 <RAWCIL:ILoad ID="ILoad1" runat="server" Appearance="Button" ForeColor="#0C55B1"

                                    CssClass="button-new" Width="100px" Height="25px"><Configuration ManualTemporaryFolder="False" 

                                    OnCompleteBehavior="KeepFilesInTemporaryFolder" 

                                    WebPublishedDestinationFolder="True" CutMode="Manual" KeepSourceImage="False" 

                                    GenerateIconImage="False" GenerateSelectedImage="True" 

                                    GenerateIndexXMLFile="True" InternalCode="" Title="">

                                    <TemporaryFolder Path="" UrlMode="Automatic" ManualUrl=""></TemporaryFolder>

                            <DestinationFolder Path="" UrlMode="Automatic" ManualUrl=""></DestinationFolder>

                            <WebImageDefinitions>

                             <Radactive.WebControls.ILoad.Configuration.WebImageDefinition InternalCode="Default" Title="Default"><SizeConstraint Mode="FreeSize">

                             <FixedSizeData Size="400, 300"></FixedSizeData>

                             <FixedAspectRatioSizeData Size="400, 300" LimitedDimension="Width">

                               <Limits>

                                 <LowLimit Enabled="False" Value="300"></LowLimit>

                                 <HiLimit Enabled="False" Value="400"></HiLimit>

                               </Limits>

                             </FixedAspectRatioSizeData>

                             <FreeSizeData>

                               <LimitsW>

                                 <LowLimit Enabled="False" Value="300"></LowLimit>

                                 <HiLimit Enabled="False" Value="400"></HiLimit>

                               </LimitsW>

                               <LimitsH>

                                 <LowLimit Enabled="False" Value="300"></LowLimit>

                                 <HiLimit Enabled="False" Value="400"></HiLimit>

                               </LimitsH>

                             </FreeSizeData>

                             </SizeConstraint>

                             <OutputOptions FormatMode="Custom" Format="b96b3cae-0728-11d3-9d7b-0000f81ef32e" JPEGQuality="92" JPEGForceRecompression="False"></OutputOptions>

                             </Radactive.WebControls.ILoad.Configuration.WebImageDefinition></WebImageDefinitions><WindowsAppearance><ImageUploadWizardWindow WindowTitle="RADactive I-load" TopLogoImageUrl="" ShowWelcomePage="True" ShowSummaryPage="True" WelcomePageText="" ShowImagePreviewBeforeFileUpload="True" ShowSaveButtonDuringImageEdit="True" CropperCanvasColor="White" HTMLCropperCanvasColor="White" AutoZoomCropperView="True"></ImageUploadWizardWindow><PreviewWindow WindowTitle="RADactive I-load - Preview" AllowImageDownload="True" AllowImagePrint="True"></PreviewWindow></WindowsAppearance><InputOptions><UploadableFileSizeLimits><LowLimit Enabled="False" Value="1"></LowLimit><HiLimit Enabled="False" Value="2097152"></HiLimit></UploadableFileSizeLimits><SourceImageSizeLimitsW><LowLimit Enabled="False" Value="300"></LowLimit><HiLimit Enabled="False" Value="400"></HiLimit></SourceImageSizeLimitsW><SourceImageSizeLimitsH><LowLimit Enabled="False" Value="300"></LowLimit><HiLimit Enabled="False" Value="400"></HiLimit></SourceImageSizeLimitsH><FileExtensionValidator DefaultBehavior="AcceptAll" AcceptedFileExtensions="" NotAcceptedFileExtensions=""></FileExtensionValidator></InputOptions><ImageCropperOptions AllowImageResize="True" AllowImageZoom="True" AllowImageRotate="True" AllowImageFlip="True"></ImageCropperOptions></Configuration></RAWCIL:ILoad>            

                                       

                                        <div style="text-align:middle" id="ILoad1_Image2" class="ILoad_CustomAppearance_DivImage"

                                            onmouseover="this.className='homeimghover'" onmouseout="this.className='ILoad_CustomAppearance_DivImage'">

                                        </div>

The screen shot for the error message is attached below. Please reply ASAP.

Thanks in Advance
Anju S Chandran

General Discussions

answered on 04 Dec 2010

1 answer

136 views

Dock to bottom

Is there any sort of demo somewhere on a Fixed position dock bottom implementation of the RadToolBar (that works on IE6?...since it can't do fixed)

Or should I look elsewhere...

ToolBar

answered on 04 Dec 2010