6 answers

170 views

Javascript Error when Ajax Manager and Loading panel on page...

I have a fairly complex ajax page with an Accordian(AJAX Toolkit), a RadGrid in the upper level of the accordian and Grid Item Details in the lower part of the accordian. When the user selects an item in the grid, the accordian changes and shows the details in the bottom part of the accordian.

I have a Search "Div" on the page. When the user clicks "Search", it searchs for results, then collapses/expands the Accordian to show the results in the grid(upper accordian level).

I tried adding the RadAjax Manager and Loading Panel to the page. When the User clicks the Search Button, the RadLoading Panel shows up over the Details form and that works. But then I get a Javascript error message:

Microsoft JScript runtime error: 'document.getElementById(...)' is null or not an object

document.getElementsByTagName("head")[0].appendChild(b)

If I remove the RadAjax Loading panel and Manager, the error goes away. Here is my HTML for the RadAjax Manager and Loading Panel:

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> <AjaxSettings> <telerik:AjaxSetting AjaxControlID="btnSearch1"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="upScriptDetail" LoadingPanelID="RadAjaxLoadingPanel1" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="btnSearch"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="upScriptDetail" LoadingPanelID="RadAjaxLoadingPanel1" /> </UpdatedControls> </telerik:AjaxSetting> </AjaxSettings> </telerik:RadAjaxManager>

Here is my code behind for showing the search results.

if (result.Count > 0) { 

//expand the search results...<br>         this.CollapsiblePanelExtender1.Collapsed = false;<br>         this.CollapsiblePanelExtender1.ClientState = "false";<br>         //collapse the details...<br>         this.CollapsiblePanelExtender2.Collapsed = true;<br>         this.CollapsiblePanelExtender2.ClientState = "true";<br><br>         bindSearchResults(result);<br>         radgridSearchResults.DataBind();<br> }<br><br> private void bindSearchResults(List<CreativeSearchDataService.ScriptSearchResult> searchResults)<br> {<br>      radgridSearchResults.SelectedIndexes.Clear();   //reset just in case this is a new search...<br>      radgridSearchResults.DataSource = searchResults;<br>      radgridSearchResults.MasterTableView.DataKeyNames = new string[] { "id" };<br> }

Any help would be greatly appreciated.

thanks

Ajax

answered on 01 Apr 2011

1 answer

75 views

Splitter in page view

I have a page that has a tabstrip with 4 tabs/pageviews. The splitter declaration below is on the third pageview. The splitter is in a container that is height/width 100%. I have found, when I open the page and the first tab/pageview is displayed, and I switch to the third tab (the one with the splitter), everything looks fine. However if I open the page and the third tab is displayed by default, the left hand pane of the splitter takes up a little less than the prescribed 364px. It looks like it is less by the width of a scroll bar. I have attached splitter1.jpg which demonstrates this narrowing and splitter2.jpg which is what it correctly looks like if I load the first tab by default and switch to the one with the splitter. The red bar in each is a gif of width 364px which can be used for comparison with the splitter pane. I tried handling the spliter ONClientLoad and OnClientLoaded events and used the "repaint" client-seide method, but this didn't seem to change anything. Any ide why the splitter pane sizes incorrectly when first loaded?

Splitter Ma

<telerik:RadSplitter ID="rsT_H"

runat="server"

Width="100%"

Height="100%"

Orientation="Vertical"

ResizeWithParentPane="False"

ResizeWithBrowserWindow="True"

BorderSize="0"

VisibleDuringInit="False"

HeightOffset="0"

>

<telerik:radpane runat="server" id="lPane" Scrolling="None" Width="364px" Height="100%" CssClass="BorderedContainer2" <telerik:RadAjaxLoadingPanel id="lpC_H" Runat="server" Transparency="30" Height="100%" Width="100%" BackColor="#E4E4E4"><asp:Image id="Image1" runat="server" AlternateText="Loading..." BorderWidth="0px" ImageUrl="~/global/images/loading2.gif" style="margin-top:50px;"></asp:Image></telerik:RadAjaxLoadingPanel>

<asp:Panel ID="pnlC_H" runat="server" Height="100%" >

<asp:PlaceHolder ID="phContent_H" runat="server"></asp:PlaceHolder>

</asp:Panel>

</telerik:radpane>

<telerik:radpane runat="server" id="rPane" Scrolling="None" Width="100%" Height="100%" BackColor="Pink">

<div style="height:100%; vertical-align:middle; text-align:center; padding:10px;"><span class="Normal"

>Select the custom content item which will be included in this email using the list above. You can also create a new custom content item, or edit the currently selected item.<

br /><br />Please Note:</strong

> The content space to the left represents the actual width of the custom content block in this email template. To see what it will look like within the body of the email, click on "Preview HTML Version" above.</

span></div>

</telerik:radpane>

</telerik:RadSplitter>

rkup:

Splitter

answered on 01 Apr 2011

1 answer

124 views

Custom Slider color

hi there is a way to custom a slider with two different color bases on two specific value ?

I have two value
used Space 250 and Acquired space 300
the slider range is 0-1000.
the total range between 0 and 250 must be green
and the range between 250 and 300 must be orange.
over 300 must be grey.

see attached files for example.

Slider

answered on 01 Apr 2011

1 answer

234 views

combobox's loading twice

ok, so I have 4 combo boxes bound to SQL Data sources which are meant to load based on the value of a 5th combo box. Under normal postback conditions this works fine without any issues.

I start to run into problems though when I programattically set the value of the 5th Combo Box on load. When this happens the other 4 combos are loading their datasets twice, and with 3 of them having AppendDataitems="True" i end up with duplicates.

Any help would be greatly appreciated.
Thank you

ASP.NET Code Example rcbcsType=Combo 5, rcbType2 is one of the other 4

<telerik:RadComboBox ID="rcbcsType" runat="server" AppendDataBoundItems="true" AutoPostBack="true"

DataSourceID="sdsConfig" DataTextField="csTypeName" DataValueField="csType">

<Items>

<telerik:RadComboBoxItem runat="server" Text="" Value="" />

<telerik:RadComboBoxItem runat="server" Text="All" Value="-1" />

</Items>

</telerik:RadComboBox>

<asp:SqlDataSource ID="sdsConfig" runat="server" SelectCommand="SELECT csType, csTypeName FROM tblConfig"

ConnectionString="<%$ ConnectionStrings:csBIR %>"></asp:SqlDataSource>

<telerik:RadComboBox ID="rcbType2" runat="server" MarkFirstMatch="true" AppendDataBoundItems="true"

DataSourceID="sdsType2" DataTextField="Code" DataValueField="Code" Skin="Default">

<Items>

<telerik:RadComboBoxItem Value="" Text="" />

</Items>

</telerik:RadComboBox>

<asp:SqlDataSource ID="sdsType2" runat="server" ConnectionString="<%$ ConnectionStrings:csBIR %>"

SelectCommand="SELECT '' as code, '' as codeType UNION SELECT [Code], [CodeType] FROM [rCodes] WHERE (([active] = 1) AND [CodeType] = 'ComplaintType' AND ([Type1] = @Type1)) Order By Code">

<SelectParameters>

<asp:ControlParameter Name="Type1" ControlID="rcbcsType" Type="String" />

</SelectParameters>

</asp:SqlDataSource>

VB.NET Code Example

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

Dim cstype As String = Request.QueryString("type")

If Not Page.IsPostBack Then

If csType <> "" Then

gblcsType = csType.ToUpper

End If

End Sub

Protected Sub rcbcsType_DataBound(ByVal sender As Object, ByVal e As System.EventArgs) Handles rcbcsType.DataBound

If Not Page.IsPostBack Then

If gblcsType <> "" Then

Me.rcbcsType.SelectedValue = gblcsType

Me.rcbcsType.Enabled = False

End If

End Sub

ComboBox

answered on 01 Apr 2011

1 answer

61 views

Display Issue in FireFox4

I've noticed that after updating to firefox 4 the drop shadow effect on tooltips are no longer rendering right. What I'm assuming is the transparent region of the shadow PNG (or whatever) file is being rendered as white. I've attached a screen shot. The shadow effect is displaying properly in IE8 and the latest version of Opera.

Thanks,
Ryan

ToolTip

answered on 01 Apr 2011

1 answer

112 views

RadGrid in Custom Edit Form

We have a web app where we are using the RadScheduler and are using a custom edit form... is it possible to use the RadGrid control in our custom edit form? If so, is there A guide for doing so?

Scheduler

answered on 01 Apr 2011

7 answers

374 views

Reloading Binary Image

Hello,

I'm using a RadBinaryImage to show an image stored in a folder. Using a RadAsyncUpload, the users are able to upload a new image and the RadBinaryImage will work as a thumbnail. This is working correctly, the thumbnail is reloaded correctly and the image is phisically stored, but once I go to another page and try to return to the page where the image is stored it always shows the image that was showing before.

I think that this is happening because the RadBinaryImage is using the Cache, which is very usefull since the image won't be changed very often, but I need to disabled the cache when a new image is loaded or try to reload the image.

Here is a bit of Code:

<telerik:RadBinaryImage runat="server" Width="740px" Height="600px" ResizeMode="Fit"

ID="RadImageOrganizationChart" AlternateText="OrganizationChart" ImageUrl="Images/Chart.jpg"/>

/// <summary>

/// Loads the image before uploading it

/// </summary>

/// <param name="sender"></param>

/// <param name="e"></param>

protected void AsyncUpload1_FileUploaded(object sender, FileUploadedEventArgs e)

{

RadImageOrganizationChart.Width = Unit.Pixel(800);

RadImageOrganizationChart.Height = Unit.Pixel(600);

using (Stream stream = e.File.InputStream)

{

byte[] imageData = new byte[stream.Length];

stream.Read(imageData, 0, (int)stream.Length);

RadImageOrganizationChart.DataValue = imageData;

}

if (AsyncUpload1.UploadedFiles.Count > 0)

{

UploadedFile file = AsyncUpload1.UploadedFiles[0];

string fullPath = Server.MapPath("~/Images");

string fileName = "Chart.jpg";

file.SaveAs(Path.Combine(fullPath, fileName));

}

BinaryImage

answered on 01 Apr 2011

1 answer

41 views

controling ajax call

Hello,

Attached is a screen shot of my page. The control on the far left are 3 combo boxes on top of a grid (that shows employee names).
This is all in one user control.

When a user select an employee all the information on the righ side gets loaded by an ajax call using the radajaxmanager. The 2 charts and the middle section are 3 user controls and the 2 sections below the charts are user controls.

This functions just fine, but my issue I am trying to solve is when I page the employees all of it refreshes by ajax.
I only want to refresh the information, when a user selects an employee. I want to disable the ajax call when paging employees.

Can this be done? And how.
Thanks,
KS.

Ajax

answered on 01 Apr 2011

3 answers

125 views

Section 508 issue with telerik RadMenu ( iframe issue) && no th element found from WAT Tool?

hi,
we are using RadMenu in one of our application.but one of our client (government agency-US client) he tested our application using WAT tool for testing the section 508 (version:2008-01-30). in this tool he reported the frames issue, if i check that option then it is showing the below message

Frame Information

IFRAME-1
- Name not specified
- Longdesc not specified
- Title not specified
- Src="javascript:'';"
IFRAME-2
- Name not specified
- Longdesc not specified
- Title not specified
- Src="javascript:'';"
IFRAME-3
- Name not specified
- Longdesc not specified
- Title not specified
- Src="javascript:'';"

NOFRAMES

No "NOFRAMES" Element Found!;

in order to trace this issue i gone through the view source of this particular page but i did not find those iframes in my view source. after a lot of struggle i came to know that they are coming for RadMenu (from my code i removed entire RadMenu after that i checked, then i observed the above issue does not reported, so i concluded that the above issue is because of Radmenu)

along with the above one he had reported one more issue with respect to tables if i click on the tables option in the WAT tool then i am getting the following message (no th element found) which i am adding an attachment.
so, how can we fix it.
Thanks,
Burepalli V S Rao.

Menu

answered on 01 Apr 2011

6 answers

413 views

Disable Export to Excel

Is there anyway I can disable the export to excel on my grids on the right click menu?

Grid

answered on 01 Apr 2011