Questions on UI for ASP.NET AJAX Forum

4 answers

47 views

Hi,

I've just installed the new Q2 version of the controls and in the main all is fine. I have however noticed that in Chrome I end up with an extra margin inside a RadSplitter. So I tried to inspect the CSS with Chrome, as soon as I try the margin collapses and the page looks as it should. I've deleted as much as possible on the page to get to a working example. The following code works in Chrome, you should see a left blue column, the right column has some text, the text appears maybe 15-20px away from the blue panel, if you now open it up for inspection the margin disappears.

Note that if you refresh the page with the inspector open in chrome then the margin appears for half a second or so then disappears.

Regards,

Jon

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

<head id="Head1" runat="server">

<title></title>

<style type="text/css">

html, body, form

{

height: 100%;

margin: 0px;

padding: 0px;

overflow: hidden;

}

.surroundPaneBackground

{

background-color: #8ba0bc;

height: 100%;

width: 100%;

}

</style>

</head>

<body>

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

<telerik:RadStyleSheetManager ID="pgRadStyleSheetManager" runat="server"></telerik:RadStyleSheetManager>

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

<div id="ParentDivElement" style="height: 100%;">

<telerik:RadSplitter ID="uxRadSplitter" runat="server" Height="100%" Width="100%" Orientation="Vertical" LiveResize="true" BorderSize="0">

<telerik:RadPane ID="uxRadPaneLeft" runat="server" MinWidth="0"><div class="surroundPaneBackground"></div></telerik:RadPane>

<telerik:RadPane ID="uxRadPaneMain" runat="server" Scrolling="none" Width="850">

<telerik:RadSplitter ID="RadSplitter1" runat="server" Height="100%" Orientation="Horizontal" LiveResize="true" BorderSize="0">

<telerik:RadPane ID="uxRadPaneContent" runat="server" Scrolling="none" >

aaaa

</telerik:RadPane>

</telerik:RadSplitter>

</telerik:RadPane>

</telerik:RadSplitter>

</div>

</form>

</body>

</html>

Splitter

answered on 02 Nov 2012

1 answer

119 views

How to Manage links on rad Editor

Hello Telerik Team,

We are using Telerik Rad Editor in application to implement Email system. When ever we paste any links in Rad editor save it in data base it saves properly, but when we are loading the same content in to same rad editor for viewing, and when we click on the links, the corresponding link is opening up in Rad editor itself. Please find the attached image file with name "Capture1.PNG" file which is default look of the rad editor when we load the content in to editor.

But when we click on the link it is opening in Rad editor itself as shown in the image file with name "Capture2.png". I need to open up the link in new tab window.

Please find attachment. Please help me solve this issue.

Thanks,
Arvind Chary N.

Editor

answered on 02 Nov 2012

1 answer

61 views

RadScheduler

I am using An Advance Form to insert and edit an Appointment using WebService for data binding. After the appointment is inserted, or edit, if the appointment time in not in the view, I want to move the scheduler to the appointment date. Is there a way to achieve this? Is there a way to attache a client side js function to an Update button of the Advance Form after the appointment is updated? Thank you in advance.

Scheduler

answered on 02 Nov 2012

1 answer

103 views

Same class aliases in Apply CSS dropdown

Hi,

When I add classes with the same value attribute to the <classes> element of the "ToolsFile.xml" file, then only last one is displayed in the Apply CSS dropdown list. For example:

<classes>

<class name="Name 1" value=".class1" />

<class name="Name 2" value=".class1" />

</classes>

In this case there is only "Name 2" class in the list.

Is this expected behavior? And if it is, is this documented somewhere? Is there any configuration to allow displaying all classes with the same value?

Thank you in advance.

Best regards,
Vitaliy

Editor

answered on 02 Nov 2012

1 answer

99 views

Menu filtering using xpath

Hi! Im using radmenu like this:

<Menu>
<Item text="lvl1" Role="A">
    <Item text="lvl2" Role="A">
      <Item text="lvl3" Role="A" />
      <Item text="lvl3" Role="B" />
    </Item>
    <Item text="lvl2" Role="B" />
</Item>
<Item text="lvl1" Role="B">
</Item>
</Menu>

<asp:XmlDataSource DataFile="LikeAbove" ID="xmlDataSource" XPath="//Item[@Role='A']" runat="server />
<telerik:RadMenu DataSourceID="xmlDataSource" runat="Server">
<DataBindings>
    <telerik:RadMenuItemBinding Depth="0" TextField="Text" />
    <telerik:RadMenuItemBinding Depth="1" TextField="Text" />
</DataBindings>
</telerik:RadMenu>

What Im trying to do is to get all menu items with the role "A", filtering on all levels. I works on a single level using this /Item[@Role='A']but when using this approach on a multi level //Item[@Role='A'] (two slash in the beginning) it "flats out", meaning all menu nodes are being visible on the first level AND also still remains unfiltered where they used to be in the tree.

Menu

answered on 02 Nov 2012

6 answers

370 views

Rad Editor - Image Map Editor Objects

Hi,

Is there a way or can we utilize the Image Map editor without using the RadEditor? If yes, how can we use it in such we can retrieve and save data such as saving of image and "area properties" in database?

Thank you in advance... hope you can help us with our query..

Regards,

Rex

Editor

answered on 02 Nov 2012

11 answers

378 views

GroupsDefaultExpanded="false" problem

HI
I've a radgrid with group.
I used the property "GroupsDefaultExpanded=false" for close the group, but the property reclose the group any time i try to do any action (example when i click the button for edit)
Can you help me?

Grid

answered on 02 Nov 2012

9 answers

268 views

How to make column click sort and resize?

Hi All,
When I create a Grid, I want the columns are available to sort data by clicking header, and resizable. But I don't know where to set the property.

Thanks~!

Grid

answered on 02 Nov 2012

8 answers

196 views

Problem editing RadGrid

I'm working off of the following example to implement editing of a cell in my grid when the cell is clicked:

http://demos.telerik.com/aspnet-ajax/grid/examples/dataediting/editondblclick/defaultcs.aspx

I'd like it to work just like in the example, but based on a single-click. I can't get it to work as I keep getting the following error buried away in Telerik.Web.UI.WebResource:

0x800a139e - Microsoft JScript runtime error: Sys.WebForms.PageRequestManagerServerErrorException: The string was not recognized as a valid format.

If anyone can lend any assistance, I will you owe you my first-born, as I am pulling my hair out trying to get this to work.

Thank you

My markup is below:

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

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

var hasChanges, inputs, dropdowns, editedRow;

function RowClick(sender, eventArgs) {

if (editedRow && hasChanges) {

hasChanges = false;

if (confirm("Update changes?")) {

$find("<%= detailsGrid.ClientID %>").get_masterTableView().updateItem(editedRow);

}

function RowDblClick(sender, eventArgs) {

editedRow = eventArgs.get_itemIndexHierarchical();

$find("<%= detailsGrid.ClientID %>").get_masterTableView().editItem(editedRow);

}

function GridCommand(sender, args) {

if (args.get_commandName() != "Edit") {

editedRow = null;

}

function GridCreated(sender, eventArgs) {

var gridElement = sender.get_element();

var elementsToUse = [];

inputs = gridElement.getElementsByTagName("input");

for (var i = 0; i < inputs.length; i++) {

var lowerType = inputs[i].type.toLowerCase();

if (lowerType == "hidden" || lowerType == "button" || lowerType == "checkbox") {

continue;

}

if (inputs[i].id.indexOf("PageSizeComboBox") == -1) {

Array.add(elementsToUse, inputs[i]);

}

inputs[i].onchange = TrackChanges;

}

setTimeout(function () { if (elementsToUse[0]) elementsToUse[0].focus(); }, 100);

}

function TrackChanges(e) {

hasChanges = true;

}

</script>

</telerik:RadCodeBlock>

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" Skin="Office2010Blue" MultiPageID="radPageViews" SelectedIndex="0" Align="Justify" Width="220px"

ReorderTabsOnSelect="true">

<Tabs>

<telerik:RadTab Text="Details" />

<telerik:RadTab Text="Summary" />

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage runat="server" ID="radPageViews" SelectedIndex="0" CssClass="multiPage">

<telerik:RadPageView ID="RadPageView1" runat="server">

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="detailsGrid">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="detailsGrid" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadGrid ID="detailsGrid" runat="server" CellSpacing="0" Skin="Office2007" GridLines="Vertical" AllowSorting="true" AllowPaging="true"

PageSize="10" AllowMultiRowSelection="true" OnNeedDataSource="detailsGrid_NeedDataSource" OnItemDataBound="detailsGrid_ItemDataBound"

OnItemCreated="detailsGrid_ItemCreated" OnItemUpdated="detailsGrid_ItemUpdated" AllowAutomaticUpdates="true">

<ClientSettings ReorderColumnsOnClient="true" Selecting-CellSelectionMode="SingleCell">

<Resizing AllowColumnResize="true" EnableRealTimeResize="true" ShowRowIndicatorColumn="true" AllowResizeToFit="true" />

<ClientEvents OnRowClick="RowClick" OnRowDblClick="RowDblClick" OnGridCreated="GridCreated" OnCommand="GridCommand" />

</ClientSettings>

<MasterTableView TableLayout="Fixed" AutoGenerateColumns="false" DataKeyNames="actualid" ShowFooter="true" EditMode="InPlace">

<HeaderStyle HorizontalAlign="Center" Width="135px" Font-Bold="true" />

<Columns>

<telerik:GridTemplateColumn HeaderText="Exclude" ItemStyle-HorizontalAlign="Center" HeaderStyle-Width="80px">

<ItemTemplate>

<asp:CheckBox runat="server" ID="ExcludeCheckBox" AutoPostBack="true" Checked='<%# bool.Parse(Eval("Exclude").ToString()) %>'

OnCheckedChanged="ExcludeCheckBox_CheckedChanged" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridCheckBoxColumn UniqueName="detailsGridDeltaOppCol" HeaderText="Delta Opp" DataField="DeltaOpp" ItemStyle-HorizontalAlign="Center" ItemStyle-Wrap="false" HeaderStyle-Width="80px" ReadOnly="true" />

<telerik:GridBoundColumn UniqueName="detailsGridOppManagerCol" HeaderText="Opp Manager" DataField="FullName" ItemStyle-Wrap="false" ReadOnly="true" />

<telerik:GridBoundColumn UniqueName="detailsGridVerticalTeamCol" HeaderText="Vertical Team" DataField="VerticalTeam" ItemStyle-Wrap="false" ReadOnly="true" />

<telerik:GridBoundColumn UniqueName="detailsGridIndustryCol" HeaderText="Industry" DataField="Industry" ItemStyle-Wrap="false" ReadOnly="true" />

<telerik:GridBoundColumn UniqueName="detailsGridAccountCol" HeaderText="Account" DataField="Account" ItemStyle-Wrap="false" ReadOnly="true" />

<telerik:GridBoundColumn UniqueName="detailsGridOpportunityCol" HeaderText="Opportunity" DataField="OpportunityName" ItemStyle-Wrap="false" ReadOnly="true" />

<telerik:GridBoundColumn UniqueName="detailsGridSKUCol" HeaderText="SKU" DataField="ActualID" ItemStyle-Wrap="false" ReadOnly="true" />

<telerik:GridDateTimeColumn UniqueName="detailsGridFirstShipDateCol" HeaderText="First Ship Date" DataField="FirstShipDate" DataFormatString="{0:MM/dd/yyyy}" ReadOnly="true" />

<telerik:GridNumericColumn UniqueName="detailsGridQuantityCol" HeaderText="Quantity" DataField="Quantity" ReadOnly="true" />

<telerik:GridNumericColumn UniqueName="detailsGridUnitPriceCol" HeaderText="Unit Price" DataField="UnitPrice" ItemStyle-HorizontalAlign="Right" DataFormatString="{0:C2}" ReadOnly="true" />

<telerik:GridNumericColumn UniqueName="detailsGridTotalCol" HeaderText="Total" DataField="Total" ItemStyle-HorizontalAlign="Right" DataFormatString="{0:C2}" ReadOnly="true" />

<telerik:GridNumericColumn UniqueName="detailsGridProbabilityCol" HeaderText="Probability" DataField="Probability" ItemStyle-HorizontalAlign="Right" DataFormatString="{0}%" ReadOnly="true" />

<telerik:GridNumericColumn UniqueName="detailsGridDealerCol" HeaderText="Dealer" DataField="Dealer" ReadOnly="true" />

<telerik:GridNumericColumn UniqueName="detailsGridScreenTypeCol" HeaderText="Screen Type" DataField="ScreenType" ItemStyle-Wrap="false" ReadOnly="true" />

<telerik:GridNumericColumn UniqueName="detailsGridCompanyCol" HeaderText="Company" DataField="Company" ItemStyle-Wrap="false" ReadOnly="true" />

<telerik:GridNumericColumn UniqueName="detailsGridFactoryCol" HeaderText="Factory" DataField="Factory" ItemStyle-Wrap="false" ReadOnly="true" />

<telerik:GridNumericColumn UniqueName="detailsGridProductDescCol" HeaderText="Prod. Description" DataField="ProductDescription" ItemStyle-Wrap="false" ReadOnly="true" />

<telerik:GridNumericColumn UniqueName="detailsGridProductFamilyCol" HeaderText="Product Family" DataField="ProductFamily" ItemStyle-Wrap="false" ReadOnly="true" />

<telerik:GridNumericColumn UniqueName="detailsGridMonthOneCol" DataField="MonthOne" ItemStyle-HorizontalAlign="Right" ColumnEditorID="numericColumnEditor" />

<telerik:GridNumericColumn UniqueName="detailsGridMonthOneCostCol" DataField="MonthOneCost" ItemStyle-HorizontalAlign="Right" DataFormatString="{0:C2}" ReadOnly="true" />

<telerik:GridNumericColumn UniqueName="detailsGridMonthTwoCol" DataField="MonthTwo" ItemStyle-HorizontalAlign="Right" ColumnEditorID="numericColumnEditor" />

<telerik:GridNumericColumn UniqueName="detailsGridMonthTwoCostCol" DataField="MonthTwoCost" ItemStyle-HorizontalAlign="Right" DataFormatString="{0:C2}" ReadOnly="true" />

<telerik:GridNumericColumn UniqueName="detailsGridMonthThreeCol" DataField="MonthThree" ItemStyle-HorizontalAlign="Right" ColumnEditorID="numericColumnEditor" />

<telerik:GridNumericColumn UniqueName="detailsGridMonthThreeCostCol" DataField="MonthThreeCost" ItemStyle-HorizontalAlign="Right" DataFormatString="{0:C2}" ReadOnly="true" />

<telerik:GridNumericColumn UniqueName="detailsGridMonthFourCol" DataField="MonthFour" ItemStyle-HorizontalAlign="Right" ColumnEditorID="numericColumnEditor" />

<telerik:GridNumericColumn UniqueName="detailsGridMonthFourCostCol" DataField="MonthFourCost" ItemStyle-HorizontalAlign="Right" DataFormatString="{0:C2}" ReadOnly="true" />

<telerik:GridNumericColumn UniqueName="detailsGridMonthFiveCol" DataField="MonthFive" ItemStyle-HorizontalAlign="Right" ColumnEditorID="numericColumnEditor" />

<telerik:GridNumericColumn UniqueName="detailsGridMonthFiveCostCol" DataField="MonthFiveCost" ItemStyle-HorizontalAlign="Right" DataFormatString="{0:C2}" ReadOnly="true" />

<telerik:GridNumericColumn UniqueName="detailsGridMonthSixCol" DataField="MonthSix" ItemStyle-HorizontalAlign="Right" ColumnEditorID="numericColumnEditor" />

<telerik:GridNumericColumn UniqueName="detailsGridMonthSixCostCol" DataField="MonthSixCost" ItemStyle-HorizontalAlign="Right" DataFormatString="{0:C2}" ReadOnly="true" />

<telerik:GridNumericColumn UniqueName="detailsGridTotalQtyCol" HeaderText="Total Qty." DataField="TotalQuantity" ItemStyle-HorizontalAlign="Right" ReadOnly="true" />

<telerik:GridNumericColumn UniqueName="detailsGridTotalRevCol" HeaderText="Total Rev." DataField="TotalRevenue" ItemStyle-HorizontalAlign="Right" DataFormatString="{0:C2}" ReadOnly="true" />

<telerik:GridNumericColumn UniqueName="detailsGridNextUserCol" HeaderText="Next User" DataField="NextUser" ReadOnly="true" />

</Columns>

</MasterTableView>

</telerik:RadGrid>

<telerik:GridNumericColumnEditor ID="numericColumnEditor" runat="server" NumericTextBox-Width="20px" />

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView2" runat="server">

</telerik:RadPageView>

</telerik:RadMultiPage>

General Discussions

answered on 02 Nov 2012

4 answers

812 views

RadioButton toggle programatically client-side

Hi,

I want to toggle a RadioButton client-side. If I use .set_checked(true), the previously checked RadioButton (same group) is still checked. If I use .click(), nothing happens (it returns false). How can I toggle a RadioButton programatically client-side so that the previously toggled buttons gets unchecked?

Thanks!

Button

answered on 02 Nov 2012