Questions on UI for ASP.NET AJAX Forum

7 answers

490 views

How do I hide the data labels in a line chart. I have a simple databound chart and I can't turn of the data labels on either series.

I have the ShowLabels value set to False... I'm using the Q1-2010 beta

                         <telerik:RadChart ID="RadChart3" runat="server" Width="800" Height="600px" DataSourceID="ssDatasource"          
                        DefaultType="Line" SeriesOrientation="Vertical" Skin="Office2007" >         
                        <ChartTitle>         
                            <Appearance Position-AlignedPosition="Top">         
                                <FillStyle MainColor=""></FillStyle>         
                            </Appearance>         
                            <TextBlock Text="Application Usage">         
                                <Appearance TextProperties-Font="Tahoma, 13pt" TextProperties-Color="Black"></Appearance>         
                            </TextBlock>         
                        </ChartTitle>         
                        <Series>         
                            <telerik:ChartSeries Name="PeakUsages" Type="Line">         
                                <Appearance ShowLabels="False">         
                                    <LabelAppearance Visible="false"></LabelAppearance>         
                                </Appearance>         
                            </telerik:ChartSeries>         
                            <telerik:ChartSeries Name="LicenseCount" Type="Line">         
                                <Appearance ShowLabels="False">         
                                </Appearance>         
                            </telerik:ChartSeries>         
                        </Series>         
                        <Appearance TextQuality="AntiAlias">         
                        </Appearance>         
                        <Legend Visible="False">          
                        </Legend>         
                        <PlotArea>         
                            <Appearance Dimensions-Margins="18%, 5%, 25%, 5%">         
                                <FillStyle MainColor="White" FillType="Solid"></FillStyle>         
                                <Border Color="134, 134, 134"></Border>         
                            </Appearance>         
                            <XAxis LayoutMode="Inside" AutoScale="false" DataLabelsColumn="UsageDate">         
                                <Appearance ValueFormat="ShortDate" MajorGridLines-Visible="false">         
                                    <MajorGridLines PenStyle="Solid" Color="209, 222, 227" Visible="False" Width="0"></MajorGridLines>         
                                    <LabelAppearance RotationAngle="300" Position-AlignedPosition="Top">         
                                    </LabelAppearance>         
                                    <TextAppearance TextProperties-Color="51, 51, 51"></TextAppearance>         
                                </Appearance>         
                            </XAxis>         
                            <YAxis AutoScale="false" IsZeroBased="true" AxisMode="Normal" MinValue="0" MaxValue="35">         
                                <Appearance Color="134, 134, 134" MinorTick-Color="134, 134, 134" MinorTick-Width="0" MajorTick-Color="134, 134, 134">         
                                    <MajorGridLines Color="209, 222, 227"></MajorGridLines>         
                                    <MinorGridLines Color="233, 239, 241"></MinorGridLines>         
                                    <TextAppearance TextProperties-Color="51, 51, 51"></TextAppearance>         
                                </Appearance>         
                              </YAxis>         
                        </PlotArea>         
                    </telerik:RadChart>         
                    <br />         

Chart (Obsolete)

answered on 13 Jan 2015

1 answer

167 views

Telerik Scherduler keep select when over lick

I want when cell selected and over lich on any place on the page. that cell selected not be reset. Mean that cell keep selected state !!
Please help

Scheduler

answered on 13 Jan 2015

1 answer

167 views

RadGrid paging and sorting: not working when i change the dataset SelectCommand

Hi, I have a problem with sorting and pagination in a radgrid.It is connected to a DataSource (dsMAV). If i set the SelectCommand in declarative mode then paging and sorting work.
If I declare the SelectCommand as empty string and then modify it at runtime when the page loads:

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

dsMAV.SelectCommand =

"SELECT IDRendicontazione, [Matricola], [CodiceFiscale], [Nominativo], [Importo], [F_Scrigno], [DataIncasso], [DataContabile], Disposizione, Transazione, [Causale], [NProvvisorio], [MavKey] FROM [Rendicontazioni]"

;

}

the first load works fine but pagination and sorting don't work, returning an empty result set.
If i take the assignment out of the if then it works. But I do not understand why in the first case doesn't work because the viewstate is enabled as default.
I need to understand this because the next step is to build a filter using a form and not the radgrid filter and I must change at runtime the SelectCommand.

Thanks a lot

Grid

answered on 13 Jan 2015

1 answer

141 views

drag and drop from grid?

This is more of a feature request than anything else but I need functionality to drag and drop radgrid items to the diagram area to add an shape.
suspect this would be possible if i.e. OnClientMouseDrop would be available to create a shape manually but it is not.

The background to this Is I have a list (radgrid) of items (parts relevant to a image drawing) that I want to create 'image maps' from by simply drag and drop rows into the diagram, although an image map would be more relevant I thought about using raddiagram control instead as I had hoped to be able to use the diagram out of the box and add my image/drawing as a background to the diagram and simply add custom shapes by drag and drop rows from the grid, this is not the case and in general the control seem a bit under-developed at this stage.

If anyone has an suggestion as to how I can achieve my need to create a imagemap by drag and drop grid items I´m all ears!
also need to highlight the imagemap on row hoover and vice versa.

Christian

Diagram

answered on 13 Jan 2015

3 answers

105 views

Excel Export from a RadGrid

Hi,

I use an Excel Export from a RadGrid.
I would like to replace an image by a text.

This code worked fine before.
But it doesn't work any more since the last update or the previous one.is it the good way to do this ?

Many thanks for your help,
Bernard

...

aRadGrid.ExportSettings.Csv.ColumnDelimiter = GridCsvDelimiter.Semicolon;

aRadGrid.ExportSettings.FileName = aFileName;

aRadGrid.ExportSettings.HideStructureColumns = true;

aRadGrid.ExportSettings.ExportOnlyData = true;

aRadGrid.ExportSettings.IgnorePaging = true;

aRadGrid.ExportSettings.OpenInNewWindow = true;

private void Export()

{

((GridClientSelectColumn)aRadGrid.MasterTableView.GetColumn(XarcT.UN_S)).Visible = false;

foreach (GridDataItem item in aRadGrid.Items)

{

if (item.ItemType == GridItemType.AlternatingItem)

{

item.BackColor = Color.LightGray;

};

TableCell cell = (TableCell)item[XarcT.UN_L];

bool aBool = (cell.Text == @"True");

cell = (TableCell)item[XarcT.UN_Limg];

cell.Text = (aBool ? @"L" : null);

};

if (dataContainer.xarcUaLstPrm.currentAction == XarcUaLstPrm.Action.Excel)

{

aRadGrid.MasterTableView.ExportToExcel();

}

else

{

aRadGrid.MasterTableView.ExportToCSV();

};

}

Grid

answered on 13 Jan 2015

1 answer

453 views

Center align RadDateTimePicker in a table

I have the following code in a table and the control is always left aligned:

<td style="text-align: center">
<telerik:RadDateTimePicker ID="radDtStartDate" runat="server">
</telerik:RadDateTimePicker>
</td>

How can I get this to be center aligned?

Mark

Calendar

answered on 13 Jan 2015

1 answer

125 views

RadEditor adding tags I did not input and don't need

This is related to my last post which was solved:
http://www.telerik.com/forums/radeditor-stripping-html-tags-i-need

The problem I am having is that it is adding <script> tags to the <head> tag based on other <script> tags in the document.
Also it is encoding scripts that I have in the page .. these are in /* <![CDATA[ */ tags.
Why is the control doing this.

I just want to be able to put ANYTHING in the editor and save it WITHOUT the control changing or adding anything. I don't think this is an unreasonable request. I am trying to build a CMS system and I keep having to fight this control. Please help. How do I get the editor to stop automatically changing my entries?
This is the HTML for my RadEditor:

<telerik:RadEditor ID="reContent" runat="server" Skin="Office2010Blue" Height="850px" Width="100%" StripFormattingOptions="MSWordRemoveAll"

<br>                                EmptyMessage="Add Content Here - Content is Required" NewLineMode="Br" OnClientLoad="OnClientLoad" ContentFilters="None"><

br> </telerik:RadEditor>

In the code-behind I have this associated with it:

Me.reContent.DisableFilter(EditorFilters.RemoveScripts)

Me.reContent.EnableFilter(EditorFilters.None)

Thanks,
Jim

Editor

answered on 13 Jan 2015

1 answer

270 views

Content Custom Marker, use in codeBehind

Hey

I want to use your sample Marker to create mine.

I use your javascript file :

(function(global, undefined) {

function OnMarkerCreated(e) {

var marker = e.marker,

tooltip = marker.options.tooltip,

countryFlag = marker.dataItem.country.toLowerCase(),

newTemplate = tooltip.template;

countryFlag = countryFlag.replace(/\s/g, "");

newTemplate = newTemplate.replace(/class='flag'/i, "class='flag flag-" + countryFlag + "'");

tooltip.template = newTemplate;

// The following custom functionality is built due to design decision that tooltips with autoHide="false"

// should hide previously opened tooltips.

setTimeout(function () {

addShowHandler(marker);

}, 0);

}

function addShowHandler(marker) {

var tooltip = marker.element.getKendoTooltip();

tooltip.bind("show", hideAllNonValidPopups);

}

function hideAllNonValidPopups(e) {

var shownPopup = e.sender.popup.element[0],

$ = $telerik.$,

tooltipCollection = $(".k-tooltip");

tooltipCollection.each(function () {

var that = this;

if (that != shownPopup) {

$(that).getKendoPopup().close();

}

})

}

global.OnMarkerCreated = OnMarkerCreated;

})(window);

And your Default.aspx

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

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

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js">

</asp:ScriptReference>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js">

</asp:ScriptReference>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js">

</asp:ScriptReference>

</Scripts>

</telerik:RadScriptManager>

<telerik:RadClientDataSource runat="server" ID="RadClientDataSource1">

<DataSource>

<WebServiceDataSourceSettings>

<Select DataType="JSON" Url="JSON/MarkersData.json" />

</WebServiceDataSourceSettings>

</DataSource>

</telerik:RadClientDataSource>

<div class="demo-container size-auto">

<h2 class="mapTitle">TELERIK OFFICES</h2>

<telerik:RadMap runat="server" ID="RadMap1" Zoom="2" CssClass="MyMap" LayersDataSourceID="">

<CenterSettings Latitude="23" Longitude="10" />

<LayersCollection>

<telerik:MapLayer Type="Tile" Subdomains="a,b,c"

UrlTemplate="http://#= subdomain #.tile.openstreetmap.org/#= zoom #/#= x #/#= y #.png"

Attribution="© <a href='http://osm.org/copyright' title='OpenStreetMap contributors' target='_blank'>OpenStreetMap contributors</a>.">

</telerik:MapLayer>

<telerik:MapLayer Type="Marker" Shape="PinTarget" ClientDataSourceID="RadClientDataSource1" LocationField="location">

<TooltipSettings AutoHide="false" Width="300"

Template="<div class='leftCol'><div class='flag'></div></div><div class='rightCol'><div class='country'>#= marker.dataItem.country #</div><div class='city'>#= marker.dataItem.city #</div><div class='address'>#= marker.dataItem.address #</div><div class='address'>#= marker.dataItem.address2 #</div><div class='phone'>p #= marker.dataItem.phone #</div><div class='email'>e <a href='mailto:#= marker.dataItem.email #'>#= marker.dataItem.email #</a></div><div class='location'>Location:#= location.lat #, #= location.lng #</div></div>">

<AnimationSettings>

<OpenSettings Duration="300" Effects="fade:in" />

<CloseSettings Duration="300" Effects="fade:out" />

</AnimationSettings>

</TooltipSettings>

</telerik:MapLayer>

</LayersCollection>

<ClientEvents OnMarkerCreated="OnMarkerCreated" />

</telerik:RadMap>

<div id="contactsContainer">

</div>

</form>

Now i want to create my PinMarker in my codeBiehind, like this :

protected void Page_Load(object sender, EventArgs e)

{

MapMarker myMarker = new MapMarker();

myMarker.Shape = MarkerShape.PinTarget.ToString();

myMarker.Title = "Test";

myMarker.LocationSettings.Latitude = 0;

myMarker.LocationSettings.Longitude = 0;

RadMap1.MarkersCollection.Add(myMarker);

}

And now, how can I put the template of your ToolTipSetting etc on my PinTarget ?

But look, this is my result :
http://puu.sh/ehc4D/991a1123c6.png

Can you help me ?

Map

answered on 13 Jan 2015

5 answers

221 views

Custom RadToolbarButton.Text not updating

Hi,

I have added a custom button to the RadFileExplorer.Toolbar. Within the ExplorerPopulated event of the RadFileExplorer I modify the text of the button but this change does not appear within the browser.
eg:

protected void Page_Load(object sender, EventArgs e)
{
    btnSpace = new Telerik.Web.UI.RadToolBarButton();
    btnSpace.Enabled = false;
    btnSpace.CssClass = "CustomButton";
    RadFileExplorer1.ToolBar.Items.Add(btnSpace);
}

protected void RadFileExplorer1_ExplorerPopulated(object sender, Telerik.Web.UI.RadFileExplorerPopulatedEventArgs e)
{
    btnSpace.Text = "hello";
}

How do I force the text to update?

Thanks

Nic

FileExplorer

answered on 13 Jan 2015

7 answers

296 views

Change size MarkersMap

Hey,

I have a small problem with my Markers in Telerik , look: http://puu.sh/e9fCH/1b594764eb.jpg

How can i change the size of my Makers Because it's really big to ...

Cya !

Map

answered on 13 Jan 2015