Questions on UI for ASP.NET AJAX Forum

2 answers

197 views

Hi,

We use RADEditor Lite v.7.3.

Question: How can we allow HTML comments in content.
Currently if you switch to HTML editor, and enter html comment, it will be stripped from content.

Thank you.

-V

Sharepoint Integration

answered on 14 Aug 2008

3 answers

206 views

Height and scrolbar problem

Hi,
I have a radpanelbar which consist of 4panelitem and under the 1st panel item i am loading a radtree.Now the problem is whenever my tree items list gets bigger then the page are it enables a scrollbar on right side of the panelbar and pushes the othe items at the bottom of the page.I was using rad controls for asp.net earlier and converted my project to the new rad control for asp.net ajax.And i fixed this issue on the earlier version by enabling childgroupheight but this thing is no working with the new one.I have attached some sample screenshots and state03.jpg is the format i want the panelbar to be.Plus whenver the vertical scrollbar enables it automatically expands the horizontal scrollbar.Any idea how i can solve this.Just to let u know i dont want use
ExpandMode="FullExpandedItem"
properties for this.Would be of great help if anyone could provide some help.Thanks.
Screenshots Files
Here's my code:

<telerik:RadSplitter ID="RadSplitter1" runat="server" Width="100%" Height="100%"
            Skin="WebBlue" ResizeMode="EndPane">
            <telerik:RadPane BackColor="White" ID="navigationPane" Height="100%" runat="server" Width="210px">
                
                <telerik:RadPanelBar runat="server" ID="RadPanelbar1" Skin="Web20" Width="100%" >
                    <Items>
                        <telerik:RadPanelItem runat="server" Text="A" Expanded="true" onClick="clickMe('A');">
                            <Items>
                                <telerik:RadPanelItem runat="server">
                                    <ItemTemplate>
                                         <asp:UpdatePanel runat="server">
                                            <ContentTemplate>
                                                <telerik:RadTreeView ID="RadTreeView1"

OnClientNodeClicking="onClientNodeClickedHandler"
EnableViewState="true" EnableEmbeddedSkins="false"

RetainScrollPosition="true" Skin="Vista" runat="server">
</telerik:RadTreeView>

                                            </ContentTemplate>
                                          </asp:UpdatePanel>
                                            <asp:UpdatePanel ID="Timer" runat="server" UpdateMode="Conditional"

>
                                            <ContentTemplate >
                                                <asp:Timer ID="RadTreeUpdate" runat="server" Interval="60000"
                                                    ontick="RadTreeUpdate_Tick" >
                                                </asp:Timer>
                                            </ContentTemplate>
                                         </asp:UpdatePanel>
                                        <telerik:RadToolTip ID="RadToolTip1" runat="server">
                                        </telerik:RadToolTip>
                                        <telerik:RadToolTipManager ID="tolTip" runat="server"

RelativeTo="Element" Position="MiddleRight"
                                            Width="120" Animation="Fade">
                                        </telerik:RadToolTipManager>
                                    </ItemTemplate>
                                </telerik:RadPanelItem>
                            </Items>
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Visible="false" Text="Tracking">
                            <Items>
                                <telerik:RadPanelItem runat="server" Text="Show all Units">
                                </telerik:RadPanelItem>
                                <telerik:RadPanelItem runat="server" onclick="OpenSearch()" Text="Track a Unit">
                                </telerik:RadPanelItem>
                            </Items>
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="B" onClick="clickMe('Admin');">
                            <Items>
                                <telerik:RadPanelItem runat="server" Text="B1"

onClick="ReLoadWindow('Widgets/CreateUser.aspx','450','500')">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" Text="B2"

onClick="ReLoadWindow('Widgets/UpdateUser.aspx','400','600')">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" Text="B3"

onClick="ReLoadWindow('Widgets/AssetType.aspx','320','450')">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" Text="B4"

onClick="ReLoadWindow('Widgets/Group.aspx','300','400') ">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" Text="B5"

onClick="ReLoadWindow('Widgets/VehicleSetup.aspx','700','735') ">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" Text="B6"

onClick="ReLoadWindow('Widgets/VehicleUpdate.aspx','710','730') ">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" Text="B7"

onClick="ReLoadWindow('Widgets/AllRules.aspx','540','550') ">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" Text="B8"

onClick="ReLoadWindow('Widgets/Geofence.aspx','600','550') ">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" Text="B9"

onClick="ReLoadWindow('Widgets/AssetStatus.aspx','725','350') ">
                                </telerik:RadPanelItem>
                            </Items>
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="C" onClick="clickMe('C');">
                            <Items>
                                <telerik:RadPanelItem runat="server" Text="C1"

onClick="ReLoadWindow('Widgets/AssetStatus.aspx','725','350') ">
                                </telerik:RadPanelItem>
                            </Items>
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="D" onClick="clickMe('D');">
                            <Items>
                                <telerik:RadPanelItem runat="server" Text="D1"

onClick="ReLoadWindow('Fleet/createSupplies.aspx','470','350') ">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" Text="D2"

onClick="ReLoadWindow('Fleet/PatternList.aspx','650','450') ">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" Text="D3"

onClick="ReLoadWindow('Fleet/InitiateMaintainance.aspx','650','450') ">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" Text="D4"

onClick="ReLoadWindow('Fleet/MaintainanceStatus.aspx','650','450') ">
                                </telerik:RadPanelItem>
                            </Items>
                        </telerik:RadPanelItem>
                    </Items>
                </telerik:RadPanelBar>
                
            </telerik:RadPane>
            <telerik:RadSplitBar ID="RadSplitbar1" runat="server" CollapseMode="Forward"></telerik:RadSplitBar>
            <telerik:RadPane BorderColor="red" BorderStyle="Solid" BorderWidth="2px" ID="MapPane"
                runat="server" Scrolling="none" ContentUrl="Widgets/A.aspx">
            </telerik:RadPane>
            <telerik:RadSplitBar ID="RadSplitbar2" runat="server" CollapseMode="None"></telerik:RadSplitBar>
            <telerik:RadPane BackColor="Black" BorderColor="red" BorderStyle="Solid" BorderWidth="2px"
                ID="ToolBox" runat="server" Scrolling="none" Width="42px">
                <table>
                    <tr>
                        <td>
                            <asp:UpdatePanel ID="uReset" runat="server">
                                <ContentTemplate>
                                    <asp:ImageButton onmouseout="hideTooltip()"

onmouseover="showTooltip(event,'Rt'); return false"
ID="btnReset" runat="server" OnClientClick="refreshPane('MapPane');"

ImageUrl="Icons/RBt.gif" />
                                </ContentTemplate>
                            </asp:UpdatePanel>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <asp:UpdatePanel ID="uPrint" runat="server">
                                <ContentTemplate>
                                    <asp:ImageButton onmouseout="hideTooltip()"

onmouseover="showTooltip(event,'Pt'); return false"
ID="btnPrint" OnClientClick="PrintPane('MapPane');" runat="server"

ImageUrl="Icons/tBt.gif"
                                        OnClick="btnPrint_Click" />
                                </ContentTemplate>
                            </asp:UpdatePanel>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <asp:UpdatePanel ID="uEmail" runat="server">
                                <ContentTemplate>
                                    <asp:ImageButton onmouseout="hideTooltip()"

onmouseover="showTooltip(event,'E'); return false"
ID="btnEmail" runat="server" ImageUrl="Icons/EBt.gif"

OnClick="btnEmail_Click" />
                                </ContentTemplate>
                            </asp:UpdatePanel>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <asp:UpdatePanel ID="uHelp" runat="server">
                                <ContentTemplate>
                                    <asp:ImageButton onmouseout="hideTooltip()"

onmouseover="showTooltip(event,'op'); return false"
ID="btnHelp" runat="server" ImageUrl="Icons/HBt.gif"

OnClick="btnHelp_Click" />
                                </ContentTemplate>
                            </asp:UpdatePanel>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <asp:UpdatePanel ID="uExit" runat="server">
                                <ContentTemplate>
                                    <asp:ImageButton onmouseout="hideTooltip()"

onmouseover="showTooltip(event,'Et'); return false"
ID="btnExit" runat="server" ImageUrl="Icons/EtBt.gif"

OnClick="btnExit_Click" />
                                </ContentTemplate>
                            </asp:UpdatePanel>
                        </td>
                    </tr>
                </table>
            </telerik:RadPane>
        </telerik:RadSplitter>

PanelBar

answered on 14 Aug 2008

3 answers

170 views

[Solved] Layout issues with FireFox

Hi there,

I have done a search but was unable to find someone else with a similar problem.

The radeditor on the Telerik demo page is not laid out correctly at the top, the backgound seems to be repeated. (Example)

If you then open the Image Manager and select a directory, the icons for the different image types all seem to be shown so it spaces out the files a great deal. (Example)

This only seems to happen in FireFox (version 2 and 3rc1) and is fine in IE7. It has been doing this for ages and I hoped the service pack would fix it but it is still happening. I have not tried this on my own site (we are still using the non ajax versions) just the demo page.

What's causing it?

Thanks

Editor

answered on 14 Aug 2008

4 answers

182 views

Failed to Load ViewState

I am currently adding controls to each node as I dynamically build the tree. However, when the page posts back, I get the 'Failed to Load ViewState' exception.

Is there a special way that adding controls should be done in the latest version of the RadTreeView control? Previously in the 'RadControls for ASP.NET (Classic)' suite, I was able to do what I am trying to accomplish, but I had to reload the controls for each node on a postback.

I appreciate any help regarding my issue.

TreeView

answered on 14 Aug 2008

4 answers

164 views

[Solved] inheritance issue with skins

hi telerik,

I am having an issue when I inherit from the RadDatePicker and the skin not rendering correctly (except the default skin), consider the following which will render two identical date pickers on the form (using the default skin):

(note: using RadControls for ASPNET AJAX Q1 2008)

<%@ Page Language="C#" %>

<%@ register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>



<script type="text/C#" runat="server">



public class DatePicker : Telerik.WebControls.RadDatePicker

{

public DatePicker ( ) : base ( )

{



}

}



protected void Page_Load ( object sender, EventArgs e )

{

DatePicker dp = new DatePicker ( );

this.ph.Controls.Add ( dp );

}



</script>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

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

<head runat="server">

<title>DatePicker WTF</title>

</head>

<body>

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

<asp:ScriptManager ID="ScriptManager1" runat="server" />

<div>



<telerik:raddatepicker runat="server" id="RadDatePicker1" />



<asp:placeholder runat="server" id="ph" />



</div>

</form>

</body>

</html>

Now, if I modify both RadDatePicker's to use a different theme, say Web20, the datepicker rendered in the ASPX markup renders fine, but the inherited control fails to render correctly (seven 404 erros looking for css and gif files)

<%@ Page Language="C#" %>
<%@ register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>

<script type="text/C#" runat="server">

    public class DatePicker : Telerik.WebControls.RadDatePicker
    {
        public DatePicker ( ) : base ( )
        {
            base.Skin = "Vista";
        }
    }

    protected void Page_Load ( object sender, EventArgs e )
    {
        DatePicker dp = new DatePicker ( );
        this.ph.Controls.Add ( dp );
    }

</script>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>DatePicker WTF</title>
</head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server" />
        <div>

            <telerik:raddatepicker runat="server" id="RadDatePicker1" skin="Vista" />

            <asp:placeholder runat="server" id="ph" />

        </div>
    </form>
</body>
</html>

any ideas appreciated?

thanks

Matthew

Calendar

answered on 14 Aug 2008

2 answers

117 views

[Solved] DropEnabled="false" in treeview xml nodes does not prevent drop.

Given the following tree source, I should not be able to drop on any node except Favorites. The tree allows drop from any node to another. What am I doing wrong?

NOTE: The tree is Created with

m_RadTreeFolderHierarchy.EnableDragAndDrop =

True

<?

xml version="1.0" encoding="utf-8"?>

<

Tree>

<!--

example tree node <Node Text="" NavigateUrl="" Target="" ImageUrl="http://my.millerjohnson.com/PublishingImages/MJTree/nothing.gif" Expanded="True" Checkable="false"/>-->

<

Node Text="Favorites" NavigateUrl="" Target="" ImageUrl="http://my.web.com/PublishingImages/FavStar.gif" Expanded="false" Checkable="false" Tooltip="" DropEnabled="true" >

</

Node>

<

Node Text="Attorney Desktop" ImageUrl="http://my.web.com/PublishingImages/MJTree/Matters.gif" Expanded="True" Checkable="false" DropEnabled="false" >

<

Node Text="My Matters" ImageUrl="http://my.web.com/PublishingImages/MJTree/myDocuments.gif" Expanded="True" Checkable="false" DropEnabled="false" >

<

Node ImageUrl="http://my.web.com/PublishingImages/MJTree/kmatter.gif" Text="test (123)" NavigateURL="http://my.web.com/AttyDesk/default.aspx?MPInfo=RNRKClients.123&Selected=Overview" Target="_self" Checkable="false" DropEnabled="false">

<

Node ImageUrl="http://my.web.com/PublishingImages/MJTree/ktime.gif" Text="Time for test(123)" NavigateURL="http://timeinfo.com/action/inquiry/p-information?client=123" Target="_blank" Checkable="false" DropEnabled="false"/>

</

Node>

</

Tree>

Sharepoint Integration

answered on 14 Aug 2008

1 answer

122 views

Display the contents of a folder.

I need to display the contents of a folder in a radgrid. How do I accomplish this?

Grid

answered on 14 Aug 2008

2 answers

183 views

Not highlighting all text in combobox when click in it

Is there any way to not highlight the text in a combo box when the user clicks in it? Rather, i'd like to have the cursor go to where the user just clicked (like normal text boxes). This worked for me with an older version of the RadComboBox (by calling a method on the combobox's onclick event which just returned false), but since upgrading to the Q1 2008 version it no longer works.

ComboBox

answered on 14 Aug 2008

1 answer

97 views

Binding ASP Rad Grid client side

We have the non-AJAX, Q2, 2008 version of the rad controls. I'd like to know if we're able to bind the grid client side. I've seen the documentation for the ASP Ajax controls, and the client side API is different from the controls we have.

Is there any way to accomplish this? If so, could you please point me in the directon of the documentation?

Thanks!

Grid

answered on 14 Aug 2008

4 answers

170 views

[Solved] Does not enter insert mode

Hello.

I am using some GridDropDownColumn and GridDropDownColumn to display, edit and insert data. This columns are half of the information I have to add, so I will perform a custom insert. The problem is the grid will not go in insert mode when I press the button in the CommandItemDisplay. Here is my code:

    
            <telerik:RadGrid ID="FacturiGrid" runat="server" Width="100%" Skin="Web20" AutoGenerateColumns="False" 
        
                                GridLines="Horizontal"  AllowAutomaticInserts="True" AllowAutomaticUpdates="true" 
        
                                DataSourceID="BillServiceDS"  OnItemCommand="FacturiGrid_ItemCommand"> 
        
                                <MasterTableView EditMode="InPlace" CommandItemDisplay="Bottom"  
        
                                    CommandItemSettings-AddNewRecordText="Adaug&#259;" 
        
                                    CommandItemSettings-AddNewRecordImageUrl="../../../Images/add.gif"  
        
                                    ShowHeadersWhenNoRecords="true" DataSourceID="BillServiceDS"  
        
                                     > 
        
                                    <NoRecordsTemplate> 
        
                                        <div>Adaugati detalii factura</div> 
        
                                   </NoRecordsTemplate> 
        
                                    <Columns> 
        
                                        <telerik:GridDropDownColumn DataSourceID="ServiciiDS" 
        
                                            DataField="ServiceId" ListTextField="Name" ListValueField="Id" 
        
                                            HeaderText="Serviciu" DropDownControlType="RadComboBox" UniqueName="ServiciiDDC" /> 
        
                                        <telerik:GridNumericColumn HeaderText="Cantitate" DataField="Units" 
        
                                            UniqueName="CantiatateNC" NumericType="Number" /> 
        
                                        <telerik:GridNumericColumn HeaderText="Pre&#539; unitar" DataField="UnitPrice" 
        
                                            UniqueName="CantiatateNC" NumericType="Number" /> 
        
                                        <telerik:GridCalculatedColumn HeaderText="Total" DataFields="Units, UnitPrice" 
        
                                            UniqueName="TotalCC" Expression="{0}*{1}" /> 
        
                                    </Columns> 
        
                                    <CommandItemSettings AddNewRecordText="Adaug&#259;" AddNewRecordImageUrl="../../../Images/add.gif"></CommandItemSettings> 
        
                                    <RowIndicatorColumn> 
        
                                        <HeaderStyle Width="20px"></HeaderStyle> 
        
                                    </RowIndicatorColumn> 
        
                                    <ExpandCollapseColumn> 
        
                                        <HeaderStyle Width="20px"></HeaderStyle> 
        
                                    </ExpandCollapseColumn> 
        
                                </MasterTableView> 
        
                                <ClientSettings> 
        
                                    <Selecting AllowRowSelect="True" /> 
        
                                </ClientSettings> 
        
                                <FilterMenu EnableTheming="True"> 
        
                                    <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> 
        
                                </FilterMenu> 
        
                            </telerik:RadGrid>

Grid

answered on 14 Aug 2008