Questions on UI for ASP.NET AJAX Forum

3 answers

172 views

Ribbonbar Image Problem

Please see the attached image that show my Ribbonbar image has been cut in half ?

RibbonBar

answered on 05 Sep 2013

1 answer

256 views

Text underline

Hi telerik
On mouse hovering a radbutton, is it possible to provide an underline to the button text?

Dan

Button

answered on 05 Sep 2013

6 answers

785 views

RadDatePicker +BackColor

Hi,

I have a page that when initially loaded all components on it are disabled. When the components are enabled I switch the background color to yellow and outline the boxes in blue. No problem so far. On the RadDatePicker, I change the color by doing this: datePicker.DateInput.BackColor = Color.FromName("#FFFFC0"). When I gain focus on the dateinput textbox, the textbox changes the background color to white (or transparent - not sure) and clears the border. How do I maintain the color and border?

BTW, this is also happening in a RadDateInput component.

Thanks,
Bruce

Calendar

answered on 05 Sep 2013

2 answers

117 views

Peek Not Displaying on iOS

Hi everyone,

We have a page setup with tiles that use the Peek functionality on mouseover. Peek works fine on desktop browsers we've tested (IE9/Firefox/Chrome) as well as the built in Android browser (long-hold to show Peek, in this case). On the iOS devices (6.1.3) we have tested on, though, Peek isn't occurring at all. We are generating all of our tiles programmatically:

addTextTile = new RadTextTile()

{

NavigateUrl = "~/NavUrl.aspx"

};

addTextTile.Title.Text = "Tile Title";

addTextTile.BackColor = Color.FromArgb(0, 0xBE, 0x20, 0x26);

addTextTile.Badge.PredefinedType = TileBadgeType.Attention;

addTextTile.Shape = TileShape.Wide;

addTextTile.PeekTemplateSettings.HidePeekTemplateOnMouseOut = true;

addTextTile.PeekTemplateSettings.ShowPeekTemplateOnMouseOver = true;

addTextTile.PeekTemplateSettings.ShowInterval = 0;

addTextTile.PeekContentContainer.ForeColor = Color.Black;

addTextTile.PeekContentContainer.BackColor = Color.White;

addTextTile.PeekContentContainer.BorderColor = Color.FromArgb(0, 0xBE, 0x20, 0x26);

addTextTile.PeekContentContainer.BorderWidth = 5;

addTextTile.PeekContentContainer.Controls.Add(new LiteralControl("<div>Peek stuff goes here.</div>"));

LiveTiles.Add(addTextTile);

Any assistance as to why Peek is not displaying on iOS would be greatly appreciated. Thank you.

TileList

answered on 04 Sep 2013

1 answer

64 views

Objects getting Circular Refernce Ajax/JSON

I created a project MAPPING with OpenAccess ORM
I have a object1 which contains a list of another object2, my problem is that when I want to transefer my object1 to a view with ajax / json it does not work.

I think it is a problem of circular reference

is there a way to fix it?

Example

Example: Site has a one-to-many relationship with forecast.
So if I'm in Site, i can list the predictions (site.allforecast)...

can you help me ?
Thnks

Rabie

General Discussions

answered on 04 Sep 2013

2 answers

190 views

How to catch backspace in word/key counter

I would like to catch the backspace and delete keys in CountCharAction so that the alert is not triggered.  

How do I get the keyCode in CountCharAction in the below code?

<telerik:RadEditor ID="RadEditor1" runat="server" Height="150px" Content='<%# Bind("SchoolMission") %>'>

<Modules>

<telerik:EditorModule Name="MyModule" Enabled="true" Visible="true" />

<telerik:EditorModule Name="RadEditorStatistics" Enabled="true" Visible="false" />

</Modules>

<Tools>

<telerik:EditorToolGroup Tag="MainToolbar">

<telerik:EditorTool Name="FindAndReplace" />

<telerik:EditorSeparator />

<telerik:EditorSplitButton Name="Undo">

</telerik:EditorSplitButton>

<telerik:EditorSplitButton Name="Redo">

</telerik:EditorSplitButton>

<telerik:EditorSeparator />

<telerik:EditorTool Name="Cut" />

<telerik:EditorTool Name="Copy" />

<telerik:EditorTool Name="Paste" ShortCut="CTRL+V" />

</telerik:EditorToolGroup>

</Tools>

<Content>

</Content>

<TrackChangesSettings CanAcceptTrackChanges="False"></TrackChangesSettings>

</telerik:RadEditor>

<script type="text/javascript">

MyModule = function (element) {

MyModule.initializeBase(this, [element]);

}

MyModule.prototype =

{

initialize: function () {

MyModule.callBaseMethod(this, 'initialize');

var selfPointer = this;

//this.get_editor().add_selectionChange(function () { selfPointer.CountCharAction(); });

this.get_editor().attachEventHandler("onkeyup", function () { selfPointer.CountCharAction(); });

this.get_editor().attachEventHandler("onclientpaste", function () { selfPointer.CountCharAction(e); });

this.CountCharAction();

},

//The method that does the actual counting work

CountCharAction: function () {

var content = this.get_editor().get_text();

var editorId = this.get_id();

var words = 0;

var chars = 0;

var maxWordCount = 28;

if (content) {

punctRegX = /[!\.?;,:&_\-\-\{\}\[\]\(\)~#'"]/g;

content = content.replace(punctRegX, "");

if (content) {

splitRegX = /\s+/;

var array = content.split(splitRegX);

words = array.length;

chars = content.length;

}

var element = this.get_element();

element.innerHTML = "<span style='line-height:22px'>" + "Words: " + words + " Characters: " + chars + " </span>";

if (words > maxWordCount) {

alert("Cannot exceed maximum word count. Please shorten text.")

}

MyModule.registerClass('MyModule', Telerik.Web.UI.Editor.Modules.ModuleBase);

</script

Editor

answered on 04 Sep 2013

1 answer

54 views

Radchart binding to List<>

Hi All

I am trying to bind list below to a Radchart but it isn't binding correctly.

Can anyone please help?

Below code and Markup - attached JPG of what it looks like when I run it.

It should group by name, trnasmission and fuel - then display results for the year

I would like to see 4 series :-
BMW Auto Petrol
BMW Manual Petrol
BMW Auto Diesel
BMW Auto Petrol

Any help much appreciated.

Kind Regards,
Ram

if (!IsPostBack)

{

var bm = new List<BMW>();

bm.Add(new BMW() { name = "BMW", value = 1, transmission = "auto", year = 2012, fuel = "Petrol" });

bm.Add(new BMW() { name = "BMW", value = 2, transmission = "auto", year = 2013, fuel = "Petrol" });

bm.Add(new BMW() { name = "BMW", value = 3, transmission = "manual", year = 2012, fuel = "Petrol" });

bm.Add(new BMW() { name = "BMW", value = 4, transmission = "manual", year = 2013, fuel = "Petrol" });

bm.Add(new BMW() { name = "BMW", value = 5, transmission = "auto", year = 2012, fuel = "Diesel" });

bm.Add(new BMW() { name = "BMW", value = 6, transmission = "auto", year = 2013, fuel = "Diesel" });

bm.Add(new BMW() { name = "BMW", value = 7, transmission = "manual", year = 2012, fuel = "Diesel" });

bm.Add(new BMW() { name = "BMW", value = 8, transmission = "manual", year = 2013, fuel = "Diesel" });

testing.PlotArea.XAxis.DataLabelsColumn = "year";

testing.DefaultType = Telerik.Charting.ChartSeriesType.Line;

//Use DataGroupColumn in order to group items

testing.DataGroupColumn = "name";

testing.DataManager.ValuesYColumns = new string[] { "transmission","fuel"};

testing.DataSource = bm;

testing.Height = 1200;

testing.Width = 1090;

testing.DataBind();

}

public class BMW

{

public string name { get; set; }

public double value { get; set; }

public string transmission { get; set; }

public int year { get; set; }

public string fuel { get; set; }

}

<telerik:RadChart ID="testing" runat="server" Width="400px" SeriesOrientation="Vertical">

<Series>

<telerik:ChartSeries DataYColumn="value" Type="Line" Appearance-ShowLabels="true">

</telerik:ChartSeries>

</Series>

</telerik:RadChart>

Chart (Obsolete)

answered on 04 Sep 2013

6 answers

221 views

[Solved] Rad Menu and Rad Window

Hello,

I ahve a radwindow and rad menu and I am populating the radmenu dynamically f and on click of a particular child item i need to open a radwindow but when ever clicks on the rad menu options the rad window is opened for two seconds and closed how to stop the postback generated by radMenu.

Menu