Questions on UI for ASP.NET AJAX Forum

1 answer

114 views

[Solved] RadPanelBar expansion causing <div> to shift

I have a sample webform with 7 <DIV>. 6 <DIV> nested in one outer <DIV> as shown in the code snippet below. The problem is when I expand a PanelBar on the top row, it shifts the <DIV> area below it to the right instead of vertically downwards. This is illustrated in the figures attached. How can I overcome this problem?

<body>

<form id="form1" runat="server">

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

</telerik:RadScriptManager>

<div>

<div style=" width:33%; float:left; background-color:Gray;" id="div1">

<telerik:RadPanelBar ID="RadPanelBar1" runat="server" Width="100%">

<Items>

<telerik:RadPanelItem Text="div1">

<Items>

<telerik:RadPanelItem Value="div1">

<ItemTemplate>

<asp:Button ID="Button1" runat="server" Text="Button" />

</ItemTemplate>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelBar>

</div>

<div style=" width:33%; float:left; background-color:Green;" id="div2">

<telerik:RadPanelBar ID="RadPanelBar2" runat="server" Width="100%">

<Items>

<telerik:RadPanelItem Text="div2">

<Items>

<telerik:RadPanelItem Value="div2">

<ItemTemplate>

<asp:Button ID="Button1" runat="server" Text="Button" />

</ItemTemplate>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelBar>

</div>

<div style=" width:33%; float:left; background-color:Navy;" id="div3">

<telerik:RadPanelBar ID="RadPanelBar3" runat="server" Width="100%">

<Items>

<telerik:RadPanelItem Text="div3">

<Items>

<telerik:RadPanelItem Value="div3">

<ItemTemplate>

<asp:Button ID="Button1" runat="server" Text="Button" />

</ItemTemplate>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelBar></div>

<div style=" width:33%; float:left; background-color:Purple;" id="div4">

<telerik:RadPanelBar ID="RadPanelBar4" runat="server" Width="100%">

<Items>

<telerik:RadPanelItem Text="div4">

<Items>

<telerik:RadPanelItem Value="div4">

<ItemTemplate>

<asp:Button ID="Button1" runat="server" Text="Button" />

</ItemTemplate>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelBar></div>

<div style=" width:33%; float:left; background-color:Teal;" id="div5"></div>

<div style=" width:33%; float:left; background-color:Fuchsia;" id="div6"></div>

</div>

</form>

</body>

PanelBar

answered on 24 Dec 2010

3 answers

199 views

Disable/Hide ToolStrip Buttons

Hi

I have a toolstrip in my editor toolbar which contains several items. When my editor looses focus I want to disable (or hide) some of the toolstrip sub options subject to misc business logic (e.g. in scenario below say I want to disable the "Do That" option)

My tools file is something like :

<root>

<tools IsRibbon="true">

<EditorToolStrip Name="MyToolStrip" PopupHeight="90px">

<EditorTool Name="DoThis" Text="Do This" />

<EditorTool Name="DoThat" Text="Do That" />

<EditorTool Name="DoOther" Text="Do Other" />

</EditorToolStrip>

</tools>

</root>

I was expecting to be able to write some javascript similar to that below but the editor API doesn't seem to allow me to do it and i cannot figure it out :

editor.getToolByName("MyToolStrip").getToolByName("DoThis").setState(-1)

I have noticed that there is a .getTools() method but all this seems to return me is an array of name/value pairs thus I cannot hide/disable my toolstrip suboptions.

Can you adivise on how to achieve this ?

Thanks in advance

Editor

answered on 24 Dec 2010

1 answer

108 views

Strange behaviour with RadEditor?

Hi,
i am using Telerik RadEditor in one of my project. i am facing the following problem with the RadEditor.
problem is
i have aspx page in that some controls were there among them linkbutton & RadEditor are present.
linkbutton has the accesskey (a). for example if i press the alt+a then focus will move onto the linkbutton, after that if i press the enter key then the linkbutton server side event (click) will be fired this is normal behaviour of the linkbutton.

but the thing is for example i was in the RadEditor contentarea i type some content in that ( i stayed in the contentarea only) after that i pressed the alt+a(this is the accesskey of the linkbutton) after that i am pressing the enterkey to fire the linkbutton click event then that event is not getting fired.instead of that i am going to the next line in the RadEditor.
so, what is the workaround for this?
thanks,
Burepalli V S Rao.

Editor

answered on 24 Dec 2010

5 answers

140 views

Background panel

Hi,

In my main website I am getting an odd issue with the RadEditor. The background panel does not stretch all the way down the height of it. This is visible in the attached image. The top part of the image shows a test website that I made and it works. The bottom part of the image shows the problem (1a & 1b in the image). Any ideas what could be causing this odd issue?

Also what is the thing shown in position 2.

My code for the editor is shown below.

Regards,

Jon

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="WebForm1.aspx.vb" Inherits="NJC.Amonet.Web.WebForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<div>

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

<telerik:RadStyleSheetManager ID="uxRadStyleSheetManager" Runat="server"></telerik:RadStyleSheetManager>

<telerik:RadEditor ID="RadEditor1" Runat="server" width="400px" height="100px"></telerik:RadEditor>

</div>

</form>

</body>

</html>

Editor

answered on 24 Dec 2010

3 answers

83 views

Only show resources with appts

Yea!!!! New requirements to an already functional project :)

I have now been asked to hide any resources (rooms) that do not have appointments for the currently viewed timeframe.
The good news is, in this app, the only displayed view is timeline view (7 days, 14 slots).
I'm sure I could maybe manipulate the provider more? Which I'm already doing to control which get shown by whether or not they have any appointments at all - or do some hack with getAppointmentsInRange, but how exactly would I apply that to the RadScheduler?

Thanks,
Kevin

Scheduler

answered on 24 Dec 2010

1 answer

128 views

pop-up window does not close

I load a pop-up window fromone of my pages and based on certain action in the pop-up I need to close the pop-up and refresh data on the parent page.
I used the functionality as shown in the demo - http://demos.telerik.com/aspnet-ajax/controls/examples/integration/gridandwindow/defaultcs.aspx?product=window

I was able to send back arguments to the parent page and the ajaxrequest is initiated. But as soon the page is posted back my pop-up window shows up again. If I comment the code to initiate the ajaxrequest everything looks ok.

Below is the code I am using:

On Parent Page:

function OnClientClose(args) {

var ajaxManager = $find("<%= RadAjaxManager.GetCurrent(Page).ClientID %>");

var arg = args.argument

if (arg) {

ajaxManager.ajaxRequest("Refresh");

}

else {

}

Window declaration on parent page:

<telerik:RadWindowManager ID="RadWindowManager1" runat="server"

Behavior="None" ShowContentDuringLoad="false" Width="900px">

<Windows>

<telerik:RadWindow ID="RadWindowSelectPolicyRole" runat="server" DestroyOnClose="false" Title="Activity" OnClientClose="OnClientClose"

Behavior="None" ReloadOnShow="true" ShowContentDuringLoad="false"

Width="975px" Height="545px" Modal="true" />

</Windows>

</telerik:RadWindowManager>

code-behind:

Protected Sub manager_AjaxRequest(ByVal sender As Object, ByVal e As AjaxRequestEventArgs)

If e.Argument = "Refresh" Then

PopulateAdditionalContacts()

End If

End Sub

on my dialog page I close the window like this:

function CloseWindowOnSuccess() {

var oWnd = GetRadWindow();

if (oWnd != null) {

oWnd.argument = "Refresh";

oWnd.close();

}

I am unable to understand why the pop-up window is loaded once the ajax request is initiated?

Window

answered on 24 Dec 2010

1 answer

64 views

I got error when i try to retrieve data from excel file in using ajax setting update control

Hi,

I got error when i try to retrieve data from excel file in using ajax setting update control. When I do not use ajax setting update control, I can retrieve data from excel.

Please kindly suggest me any config i need to change or RadAjax is not supporting data retrieving from excel ?

my codes are as follow.

       <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"
            onajaxrequest="RadAjaxManager1_AjaxRequest" clientevents-onrequeststart="startProgress" clientevents-onresponsereceived="hideProgress">
            <clientevents onrequeststart="startProgress" />
                     <AjaxSettings>

                       <telerik:AjaxSetting AjaxControlID="btnUpload">

                            <UpdatedControls>

                                           <telerik:AjaxUpdatedControl ControlID="grvServiceList" LoadingPanelID="RadAjaxLoadingPanel1" />

                            </UpdatedControls>

                        </telerik:AjaxSetting>

                    </AjaxSettings>
               </telerik:RadAjaxManager>

using (OleDbConnection connExcel = new OleDbConnection(strExlConn))
            {

                OleDbCommand cmdExcel = new OleDbCommand();
                OleDbDataAdapter da = new OleDbDataAdapter();
                cmdExcel.Connection = connExcel;

                connExcel.Open();
                DataTable dtExcelSchema;
                dtExcelSchema = connExcel.GetOleDbSchemaTable(OleDbSchemaGuid.Tables, null);
                connExcel.Close();

                //string sheetName = dtExcelSchema.Rows[0]["TABLE_NAME"].ToString(); //dtExcelSchema.Rows[0]["TABLE_NAME"];

                string sheetName = string.Empty;

                for (int i = 0; i < dtExcelSchema.Rows.Count; i++)
                {
                    sheetName = sheetName + ", " + dtExcelSchema.Rows[i]["TABLE_NAME"].ToString();
                }

                DataSet ds = new DataSet();

                string SheetName = "Sheet1$";//dtExcelSchema.Rows[0]["TABLE_NAME"].ToString();

                cmdExcel.CommandText = "SELECT '" + JobId + "' AS [JobId], * From [" + SheetName + "]";

                da.SelectCommand = cmdExcel;

                da.Fill(ds);

                if (cmdExcel != null) cmdExcel.Dispose();
                if (da != null) da.Dispose();
                if (connExcel != null) connExcel.Dispose();

                //ds.Clear();
                //ds.Dispose();

                return ds.Tables[0];
            }

Ajax

answered on 24 Dec 2010

1 answer

108 views

PDF Question

Hello, everyone. I would like to take take text from a RadEditor control and add it to a PDF document that I am generating using 3rd party libraries.
So far the only ways I have thought to do this are either to superimpose a PDF generated from the RadEditor on a PDF I am creating ... or somehow write a manual PDF parser to take the raw PDF from RadEditor and inject it into the new one.
Neither of these options are desirable.

Can someone please tell me, is there any other way to do what I'm trying to accomplish?
Thanks!

Editor