Questions on UI for ASP.NET AJAX Forum

3 answers

239 views

I tried to implement the RadToolbar by following the documentation http://www.telerik.com/help/aspnet-ajax/toolbar-appearance-css-file.html. However, it seems the dropdown toolbar is not working. Could anyone help make it work? I've spent four days on this file, but am still not able to make it work.

thanks

<html>

<head>

<title>Toolbar dropdown test</title>

<style type"text/css" media="screen">

.RadToolBar_Green_Horizontal{ background: #90cc90;}

</style>

<link href="https://d35islomi5rx1v.cloudfront.net/ajaxz/2011.1.315/ToolBar.css" type="text/css" rel="stylesheet" class="Telerik_stylesheet" />

<link href="https://d35islomi5rx1v.cloudfront.net/ajaxz/2011.1.315/Office2007/ToolBar.Office2007.css" type="text/css" rel="stylesheet" class="Telerik_stylesheet" />

</head>

<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" bgcolor=white>

<div id="RadToolBar1" class="RadToolBar RadToolBar_Horizontal RadToolBar_Green RadToolBar_Green_Horizontal "

style="z-index: 90000;">

<div class="rtbOuter">

<div class="rtbMiddle">

<div class="rtbInner">

<ul class="rtbUL">

<li class="rtbItem rtbSplBtn">

<a class="rtbWrap" href="#">

<span class="rtbOut">

<span class="rtbMid">

<span class="rtbIn">

Dropdown here

<div class="rtbSlide" style="display: none;">

<div class="RadToolBarDropDown rtbDropDownExpanded RadToolBarDropDown_Green">

<ul class="rtbActive rtbGroup">

<li class="rtbItem">

<a href="#" class="rtbWrap">

<img alt="" src="Images/First.gif" class="rtbIcon" />

<span class="rtbText">First</span>

</a>

</li>

<li class="rtbItem">

<a href="#" class="rtbWrap">

<img alt="" src="Images/Last.gif" class="rtbIcon" />

<span class="rtbText">Last</span>

</a>

</li>

</ul>

</div>

</span>

</a>

</li>

</ul>

</div>

</body>

</html>

ToolBar

answered on 29 Jul 2014

3 answers

238 views

[Solved] Cascading dropdown scenario

Thanks for such a great possibility. I'm interested in cascading dropdown scenario (it would be a nice case for demo). Could you give steps (or a simple example) how to implement it?

ClientDataSource

answered on 29 Jul 2014

4 answers

493 views

[Solved] Cross-site scripting issues with the RadEditor control

We work in a very secure enviornment; however, security practices and standards are in place to previent application attacks. We want to use the RadEditor control on one of our web pages but need to know if there may be any issues with cross-site scripting attacks. Can you briefly explain how cross-site scripting is or is not possible with the RadEditor control?

Thanks,

Steve Holdorf

Editor

answered on 29 Jul 2014

2 answers

187 views

Item's Width in Edit Mode

Why it appears different in IE and Chrome (including FF and Opera) ?

<telerik:RadGrid

ID="RadGrid1"

runat="server"

AutoGenerateColumns="false"

AllowMultiRowSelection="true"

AllowPaging="true"

AllowSorting="true"

GridLines="None"

ShowGroupPanel="false" Skin="MetroTouch" AutoGenerateEditColumn="true" Width="100%">

As you i expect it to be 100% but it's not ... i have also set the Width property of all controls inside the template columns to 100% e.g.

<telerik:GridTemplateColumn HeaderText="Company" Display="false">

<ItemTemplate>

<asp:Label ID="CompanyID" runat="server" Text='<%# Eval("CompanyID")%>' />

</ItemTemplate>

<EditItemTemplate>

<telerik:RadComboBox ID="CompanyIDEdit" runat="server" Width="100%" Skin="MetroTouch"></telerik:RadComboBox>

</EditItemTemplate>

</telerik:GridTemplateColumn>

Grid

answered on 29 Jul 2014

2 answers

347 views

stop button double click

I have a Rad Toolbar Button that, when clicked, opens a popup. Is there a way to prevent a user from double clicking? Currently I can double click the button and it will open two windows. Thanks.

ToolBar

answered on 29 Jul 2014

1 answer

71 views

RAD Editor for SharePoint 2010 Custom CSS

Hi,

As per the RADEditor configuration listed in the website.

I have removed the following below from the toolsfile.xml

<classes>
<class name="Clear Class" value="" />
<class name="Normal" value=".ms-rteStyle-Normal" />
<class name="Highlight" value=".ms-rteStyle-Highlight" />
<class name="By Line" value=".ms-rteStyle-Byline" />
<class name="Tag Line" value=".rteStyle-Tagline" />
<class name="Comment" value=".ms-rteStyle-Comment" />
<class name="References" value=".ms-rteStyle-References" />
<class name="Caption" value=".ms-rteStyle-Caption" />
</classes>

If i add a new class to the toolsfile.xml as below

<classes>
<class name="Clear Class" value="" />
<class name="Table class" value=".tablecustom" />
</classes>

The new class added .tablecustom is not shown in the editor. Why is it so ?. Is there any other configuration needed to be done ?

Editor

answered on 29 Jul 2014

1 answer

301 views

Offline Map?

Hello. It seems radmap is using osm. It's great.
But if the client cannot access internet, can the map be shown?
Besides, can radmap be interactive with osm and geojson file in order to show the specific city rather than the whole world?

Map

answered on 29 Jul 2014

2 answers

136 views

Remains constantly at 100%

Good evening.

I've noticed that the progress bar does not work well when you step with decimal values in Primary or Secondary Percent attribute.

The bar remains constantly at 100%

progress.SecondaryPercent = Math.Round (myPercent, 2);

progress.SecondaryPercent = Math.Round (myPercent, 0);

I think it's something that has to do with the locale. If working with the decimal encoding Spain (The decimal point is a comma) works bad, if I work with the american encoding works well.

Sorry for my poor English

Jordi

ProgressArea

answered on 29 Jul 2014

16 answers

572 views

[Solved] Cannot get RadGrid edit form to open as a popup

Not sure what I'm doing wrong here... Tried to adapt example from Grid demos to my app, but not having much success here. Clicking Edit opens the edit form not as a pop-up, but as an edit form when I test within Visual Studio. If I push the app to a web site, it works as expected. However, that makes it exceedingly difficult to debug new application development. Is there a way I can debug this type of app within the visual studio environment, or am I forced to set up a test web server and constantly push changes there for testing?

My aspx page:



<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="List.aspx.cs" Inherits="MyWebApp.Admin.Companies.List" %>
<%@ Register src="NavigationMenu.ascx" tagname="NavigationMenu" tagprefix="uc1" %>
 
<!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="form2" runat="server">
            <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1">
                <AjaxSettings>
                    <telerik:AjaxSetting AjaxControlID="RadGrid_Companies">
                        <UpdatedControls>
                            <telerik:AjaxUpdatedControl ControlID="RadGrid_Companies" LoadingPanelID="RadAjaxLoadingPanel1" />
                        </UpdatedControls>
                    </telerik:AjaxSetting>
                </AjaxSettings>
            </telerik:RadAjaxManager>
            <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" />
  
            <asp:SqlDataSource ID="SqlDataSource_Companies" runat="server" ConnectionString="<%$ ConnectionStrings:MyCS %>" SelectCommand="SELECT * FROM Companies ORDER BY Name ASC" />
 
            <div>
                <uc1:NavigationMenu ID="CompanyMenu" runat="server" />
                <br />
            </div>
            <div>
                <telerik:RadGrid ID="RadGrid_Companies" runat="server" AllowFilteringByColumn="True" AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False" CellSpacing="0" DataSourceID="SqlDataSource_Companies" GridLines="None" AllowAutomaticInserts="True" AllowAutomaticUpdates="True" AllowCustomPaging="True" ShowStatusBar="true">
                    <MasterTableView DataKeyNames="Company_Key" DataSourceID="SqlDataSource_Companies" AllowMultiColumnSorting="True" EditMode="PopUp" commanditemdisplay="Bottom">
                        <Columns>
                            <telerik:GridEditCommandColumn ButtonType="ImageButton" />
                            <telerik:GridBoundColumn DataField="CompanyName" FilterControlAltText="Filter CompanyName column" HeaderText="Company Name" SortExpression="CompanyName" UniqueName="CompanyName" HeaderStyle-HorizontalAlign="Center" HeaderStyle-VerticalAlign="Middle" />
                        </Columns>
                        <EditFormSettings UserControlName="EditPopup.ascx" EditFormType="WebUserControl" PopUpSettings-Height="800px" PopUpSettings-Width="600px" PopUpSettings-ScrollBars="Auto" PopUpSettings-Modal="true" EditColumn-UniqueName="EditCommandColumn1" />
                    </MasterTableView>
                </telerik:RadGrid>
            </div>
        </form>
    </body>
</html>

The EditPopup.ascx page:

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="EditPopup.ascx.cs" Inherits="MyWebApp.Admin.Companies.EditPopup" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<table ID="table1" width="100%">

<tr>

<td>

Company Name:

</td>

<td>

<telerik:RadTextBox ID="RadTextBox_CompanyName" runat="server" width="100%" Text='<%# DataBinder.Eval( Container, "DataItem.Name" ) %>' />

</td>

</tr>

<tr>

<td>

<br />

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

<asp:Button ID="btnInsert" Text="Insert" runat="server" CommandName="PerformInsert" Visible='<%# DataItem is Telerik.Web.UI.GridInsertionObject %>'/>

<asp:Button ID="btnCancel" Text="Cancel" runat="server" CausesValidation="False" CommandName="Cancel" />

</td>

</tr>

</table>

Grid

answered on 29 Jul 2014

2 answers

149 views

Vertical alignment of expand/collapse buttons

Hi,
My RadTreeList has rows of different height. The content on each row is vertically aligned to the middle of the row. How can i manage that the expand/collapse buttons are also vertically aligned to the middle of the row.

See the attachments for clarification:
treelist.jpg is a screenshot of my treelist
treelist.jpg is a screenshot about what i want to achieve

Thank you,
Sonia.

TreeList

answered on 29 Jul 2014