Questions on UI for ASP.NET AJAX Forum

1 answer

127 views

RadEditor pasteHtml give's strange result

Hi,

I have the following function inserted in my RichText Commands.js file:

RadEditorCommandList["InsertAccordion"] = function (commandName, editor, args) {
var selectedHtml = editor.getSelectionHtml();
var newHtml = "<div class=\"accordion-rte\">" + selectedHtml + "</div>";

editor.pasteHtml(newHtml);

};

It should wrap the selected content in a <div> with the css class "accordion-rte".
Simply enough I thought... But when I have a text like:

<h2>Heading 2</h2>
<p>Some text</p>
<p>Heading 2.1</p>
<p>put some text here for paragraph 2.1</p>
<p>Heading 2.2</p>
<p>put some text here for paragraph 2.2</p>
<p>Some other text</p>
<p> </p>

and I select in design mode the text from "Heading 2.1" to "put some text here for paragraph 2.2" and then exucute my script the result is:

<h2>Heading 2</h2>
<p>Some text</p>
<p>Heading 2.1</p>
<p>put some text here for paragraph 2.1</p>
<p>Heading 2.2</p>
<p>put some text here for paragraph 2.2</p>
<p>
<div class="accordion-rte"> </div>
</p>
<p>Some other text</p>
<p> </p>

while debugging I see the newHtml variable is containing the right value. It got messed up somewhere in the pasteHtml function.

Does anyone has a clue what's going wrong? and how I can get it to work?

Much appreciated,

Peter

Editor

answered on 26 May 2015

1 answer

196 views

Binding radmap shapes layer from javascript

Hi

I'm trying to bind a RadMap to some JSON returned from an ASPX page.

<script>

function TestGetMap()

{

var shapeData = "";

$.ajax({

type: "GET",

url: "/Data/GetJsonTrip.aspx",

data: "{}",

contentType: "application/json; charset=utf-8",

dataType: "json",

success: function (msg) {

shapeData = JSON.stringify(msg);

var ds = new kendo.data.DataSource(shapeData);

var kendoMap = $telerik.$("#<%=tripMap.ClientID %>").data("kendoMap");

kendoMap.layers[1].dataSource = ds;

}

});

}

</script>

I've tried setting the datasource to msg instead of the string version, tried different layers, etc.

My map looks like this

<telerik:RadMap runat="server" ID="tripMap">

<LayersCollection>

<telerik:MapLayer></telerik:MapLayer>

<telerik:MapLayer Type="Shape" Opacity="0.7">

<StyleSettings>

<StrokeSettings Color="#ffffff" Width="10" />

</StyleSettings>

</telerik:MapLayer>

</LayersCollection>

<CenterSettings Latitude="-32.962926" Longitude="151.699727"/>

</telerik:RadMap>

I'm setting the first map layer in code to bing

MapLayer mapLayer = tripMap.LayersCollection[0];

mapLayer.Type = Telerik.Web.UI.Map.LayerType.Bing;

mapLayer.ImagerySet = "AerialWithLabels";

I confirmed that I'm getting back valid geojson from the aspx page.

I'm not getting any javascript errors in the console.

What I don't understand is: How in a click event in javascript can I set the dataource for a shapes layer of a radmap?

Thanks
Matt

Map

answered on 26 May 2015

2 answers

101 views

[Solved] Get Connection Object

Hi, I'm testing the diagram component for my app, I'm porting a desktop app that uses Dataweb's diagramming library.

How do I retrieve an existing connection object since it does not have an element ID?

This is what I need:

var connection = diagram.getConnection(params);

Thanks!

David

Diagram

answered on 25 May 2015

14 answers

452 views

RadToolbarDropDown selected value

Hi.

I'm trying to figure out which value has been selected in a drop down, but I'm getting nowhere...

My toolbar looks something like this:

    
            <telerik:RadToolBar ID="Toolbar" runat="server" OnButtonClick="ToolBar_ButtonClick"> 
        
                <Items> 
        
                    <telerik:RadToolBarDropDown Text="Z" ToolTip="Z"> 
        
                        <Buttons> 
        
                            <telerik:RadToolBarButton Value="A" Text="A" /> 
        
                            <telerik:RadToolBarButton Value="B" Text="B" /> 
        
                            <telerik:RadToolBarButton Value="C" Text="C" /> 
        
                        </Buttons> 
        
                    </telerik:RadToolBarDropDown> 
        
                    <telerik:RadToolBarDropDown Text="Y" ToolTip="Y"> 
        
                        <Buttons> 
        
                            ... 
        
                        </Buttons> 
        
                    </telerik:RadToolBarDropDown> 
        
                    <telerik:RadToolBarDropDown Text="X" ToolTip="X"> 
        
                        <Buttons> 
        
                            ... 
        
                        </Buttons> 
        
                    </telerik:RadToolBarDropDown>

            </telerik:RadToolBar>

Getting at the dropdown was hard enough, the only method I found was the Toolbar.FindItemByText("Z") method, which uses a rather volatile property, Text, which is prone to change and/or be internationalized and stop working. Regardless, I got my hands on the RadToolbarDropDown. But then I was stuck. I could not find any "SelectedValue" (or relevant method on the DropDown. And, if iterating through its buttons, I couldn't find any indication on them which one is the selected one. So... what do I do?

ToolBar

answered on 25 May 2015

3 answers

708 views

RadDatePicket SelectedDateChanged Event Not Firing When DateInput Disabled

In previous releases of the UI for ASP.NET AJAX Forum the OnSelectedDateChanged event on the RadDatePicker would fire even if the associated DateInput control was marked as disabled (to prevent users typing in date value and force use of calendar flyout). However, I upgraded to build 2015.1.401.45 recently and this behavior is not working anymore - I have to enable the DateInput control for the event to fire and for the DateInput to reflect the selected date from the calendar. Was this by design and should I be using some other attribute to prevent direct user date inputs or is this a bug?

Calendar

answered on 25 May 2015

4 answers

123 views

Radgrid Configuration Wizard height is not enough

The size of the wizard can't be fixed, and some control (like convert to template and some type of columns) at the bottom that can't be used.

here is the link of the picture. I am using vs 2010, and it's the same as vs 2012

http://i.imgur.com/25kWKBH.png

Grid

answered on 25 May 2015

4 answers

183 views

Is Datasheet view possible?

Hi,

I am new to Telerik.

I am trying to develop a datasheet view similar to what we have in sharepoint 2010 using telerik grid controls.

I want to provide a excel spreadsheet kind of environment to the user where he can add any number of items to the list as easy it is excel. ( for example, In standard view user is supposed to click "Add New Action Item" every time If he needs to add an action item, I need an environment where user can type all his action items at the same time and save all at a time.)

Thanks,

Sree

Grid

answered on 25 May 2015

3 answers

268 views

[Solved] Localization of dateformat of column headers

Dears,

using the localization of the gantt diagramm the date format of the header cannot be changed, always displayed in english. Can you show me the way to czhange the datetime format?

Gantt

answered on 25 May 2015

1 answer

293 views

RadListView and columns

Hi! I'm trying to test your ListView with responsive behavior. All works very fine!

I have seen that the number of columns changes automatically with the width of the browser window.

Now I have only a question ...

Can I limit the number of columns at runtime or by a config value? Db Value? Or Runtime user Value?

This is very important to use this very good control within ecommerce application...

For example I have the need to limit the number of column at 3 ... indépendamment their width

Or there is another control to do a list with image and text from db ... that can be configured in a multicolumn panel?

Merci beaucoup!

ListView

answered on 25 May 2015

1 answer

84 views

Prevent Auto selection or highlighting of GridNumericColumn value when moving between pages.

Hi,

The user enters some data in Grid Numeric Column and checks some other open tab in browser and when user returns to that page, the Grid Numeric column value gets auto selected & it leads to data loss of autoselected value.. Please help me in preventing the auto selection. Thanks in advance.

Code:

<telerik:GridNumericColumn DataField="Price" UniqueName="Price" MaxLength="15" DataFormatString="{0:#,##0.#0}"
DataType="System.Double" HeaderText="Price*" ItemStyle-Width="60px" HeaderStyle-Font-Bold="true">
</telerik:GridNumericColumn>

Grid

answered on 25 May 2015