Telerik Forums
UI for ASP.NET AJAX Forum
or
Ask question
All Questions
Unanswered
Answered
110,776 questions
2 answers
122 views
Styles in RadMenu
Hi all

How can I list all skins from FormDecorator in a RadMenu and then force the RadFormDecorater to decorate the page with the skin, which was selected in the RadMenu?

Regards
Felix
FormDecorator
Felix
Top achievements
Rank 1
 answered on 11 Oct 2014
1 answer
84 views
RadGrid Multiple Row per DataItem problem
Hello,

I am currently trying to have a certain layout for a RadGrid, Here is how I would like it to look:

|____Field1_____|_______Field2______|_______Field3_______|
|_____________________Field4__________________________|

and I would repeat that pattern for each item of the RadGrid. The first 3 fields are for reference number, date and a name.
The fourth one is a comment and can be pretty long so that is why I really need it to be on a second row.

As for right now, I don't really see how I could implement that and I havent seen any examples of it.

Just add a line return (<br>) doesn't work because I still have the column width problem !

Thanks ! 
Grid
Mark
Top achievements
Rank 1
 answered on 10 Oct 2014
3 answers
786 views
Display Multiline Grid Cell
I have a grid with several databound columns. Some of the columns contain multiline data. The data is captured and stored in the database correctly (with carriage returns), but in the grid itself the carriage returns are removed and the lines all just run together into one long line in the cell instead of displaying 3 lines in the cell.
Does a databound grid column have any setting for multiline display within a cell?
Thanks
Grid
Mark
Top achievements
Rank 1
 answered on 10 Oct 2014
5 answers
137 views
In IE11, the 'Insert Code Snippet' command mixes up HTML, if fire two or more times.

Environment: Internet Explorer 11 (11.0.12) with Document Mode Edge (Default), Telerik UI for ASP.NET AJAX Library Q2 2014 version 2014.2.724

​Steps to reproduce:

1. In Visual Studio, create a new ASP.NET Web Application using the Empty template and the Web Forms as a core reference.
2. Add references to Telerik.Web.UI and Telerik.Web.UI.Skins assemblies.
3. Add the Default.aspx Web Forms item into the root of the project.
4. In Default.aspx page, add the following HTML:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication2.Default" %><br>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
  <title></title>
</head>
<body>
  <form id="form1" runat="server">   
   <telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
    <telerik:RadEditor ID="RadEditor1" runat="server">
      <Snippets>
        <telerik:EditorSnippet Name="2 Column Div Layout">           
          <!-- Row 1 -->
          <div class="row">
           <div class="span7">
             <div class="row">
              <div class="span4">
                <p>Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus, suspendisse ac nec et.</p>
                </div>
              <div class="span3">
                <p>Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus, suspendisse ac nec et.</p>
                </div>
             </div>
           </div>
          </div>
          <!-- Pad -->
          <div class="pad15"></div>
          <!-- Row 2 -->
          <div class="row">
           <div class="span7">
             <div class="row">
              <div class="span4">
                <p>Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus, suspendisse ac nec et.</p>
              </div>
              <div class="span3">
                <p>Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus, suspendisse ac nec et.</p>
              </div>
             </div>
           </div>
          </div>
        </telerik:EditorSnippet>
      </Snippets>
    </telerik:RadEditor>
  </form>
</body>
</html>

5. Build and run the project using IE 11.
6. In the Editor control click the Insert Code Snippet button and select the 2 Column Div Layout code snippet.
7. Switch to the HTML tab and then back to Design one.
8. Click the Insert Code Snippet button and select the 2 Column Div Layout code snippet one more time.

Actual Result:

<!-- Row 1 -->
<div class="row">
<div class="span7">
<div class="row">
<div class="span4">
<p>
<!-- Row 1 -->
<div class="row">
<div class="span7">
<div class="row">
<div class="span4">
</div>
</div>
</div>
</div>
</p>
<p>Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus, suspendisse ac nec et.</p>
<p>Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus, suspendisse ac nec et.</p>
<p>
<div class="row">
<div class="span7">
<div class="row">
<div class="span3">
</div>
</div>
</div>
</div>
<!-- Pad -->
<div class="pad15">&nbsp;</div>
<!-- Row 2 -->
<div class="row">
<div class="span7">
<div class="row">
<div class="span4">
</div>
</div>
</div>
</div>
</p>
<p>Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus, suspendisse ac nec et. </p>
<p>Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus, suspendisse ac nec et. </p>
<p>
<div class="row">
<div class="span7">
<div class="row">
<div class="span3">
</div>
</div>
</div>
</div>
Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus, suspendisse ac nec et.</p>
</div>
<div class="span3">
<p>Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus, suspendisse ac nec et.</p>
</div>
</div>
</div>
</div>
<!-- Pad -->
<div class="pad15">&nbsp;</div>
<!-- Row 2 -->
<div class="row">
<div class="span7">
<div class="row">
<div class="span4">
<p>Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus, suspendisse ac nec et.</p>
</div>
<div class="span3">
<p>Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus, suspendisse ac nec et.</p>
</div>
</div>
</div>
</div>

Expected Result:
<!-- Row 1 -->
<div class="row">
<div class="span7">
<div class="row">
<div class="span4">
<p>Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus, suspendisse ac nec et.</p>
</div>
<div class="span3">
<p>Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus, suspendisse ac nec et.</p>
</div>
</div>
</div>
</div>
<!-- Pad -->
<div class="pad15">&nbsp;</div>
<!-- Row 2 -->
<div class="row">
<div class="span7">
<div class="row">
<div class="span4">
<p>Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus, suspendisse ac nec et. </p>
</div>
<div class="span3">
<p>Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus, suspendisse ac nec et. </p>
</div>
</div>
</div>
</div>
<!-- Row 1 -->
<div class="row">
<div class="span7">
<div class="row">
<div class="span4">
<p>Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus, suspendisse ac nec et.</p>
</div>
<div class="span3">
<p>Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus, suspendisse ac nec et.</p>
</div>
</div>
</div>
</div>
<!-- Pad -->
<div class="pad15">&nbsp;</div>
<!-- Row 2 -->
<div class="row">
<div class="span7">
<div class="row">
<div class="span4">
<p>Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus, suspendisse ac nec et. </p>
</div>
<div class="span3">
<p>Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus, suspendisse ac nec et. </p>
</div>
</div>
</div>
</div>

Note:
If you skip step #7 the Actual Result would be different, but still incorrect:
<!-- Row 1 --><br>
<div class="row"><br>
<div class="span7"><br>
<div class="row"><br>
<div class="span4"><br>
<p>Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,<br>
suspendisse ac nec et.</p><br>
</div><br>
<div class="span3"><br>
<p>Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,<br>
suspendisse ac nec et.</p><br>
</div><br>
</div><br>
</div><br>
</div><br>
<!-- Pad --><br>
<div class="pad15">&nbsp;</div><br>
<!-- Row 2 --><br>
<div class="row"><br>
<div class="span7"><br>
<div class="row"><br>
<div class="span4"><br>
<p>Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,<br>
suspendisse ac nec et. </p><br>
</div><br>
<div class="span3"><br>
<p>Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,<br>
suspendisse ac nec et.<br>
<!-- Row 1 --><br>
<div class="row"><br>
<div class="span7"><br>
<div class="row"><br>
<div class="span4"><br>
</div><br>
</div><br>
</div><br>
</div><br>
</p><br>
<p>Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,<br>
suspendisse ac nec et.</p><br>
<p>Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,<br>
suspendisse ac nec et.</p><br>
<p><br>
<div class="row"><br>
<div class="span7"><br>
<div class="row"><br>
<div class="span3"><br>
</div><br>
</div><br>
</div><br>
</div><br>
<!-- Pad --><br>
<div class="pad15">&nbsp;</div><br>
<!-- Row 2 --><br>
<div class="row"><br>
<div class="span7"><br>
<div class="row"><br>
<div class="span4"><br>
</div><br>
</div><br>
</div><br>
</div><br>
</p><br>
<p>Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,<br>
suspendisse ac nec et. </p><br>
<p>Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,<br>
suspendisse ac nec et. </p><br>
</div><br>
</div><br>
</div><br>
</div>

Editor
Oleg
Top achievements
Rank 1
 answered on 10 Oct 2014
2 answers
68 views
Livetile set_updateInterval not working
HI,

I have a standalone RadLivetile that gets populated by a PageMethod (Webmethod).
In certain situations I want to stop calling of the Pagemethod that populates the tile, i.e. the tile should stop updating itself.
I tried to use

var livetile = $find("<%=RadLiveTile1.ClientID %>");

livetile.set_updateInterval(0);

but the Pagemethod is still called, i.e. the above call has no effect !

I run Windows 8.1 and see the Problem on all Major Browsers (IE,FF,Chrome)

Is this a bug i.e. do other People have the same problem or am I doing something wrong ?

Really hope someone can help !
Every Feedback is highly appreciated.
Best regards
Hans-Juergen





​
TileList
Hans-Jürgen
Top achievements
Rank 1
 answered on 10 Oct 2014
1 answer
95 views
An usercontrol with Radcombobox and RadWindo
Hello,

I am hoping someone can help me with my code.  I have an user control which contains a single RadCombobox.  This is the code.

<tlrk:RadComboBox
 ID="InternalComboBox"
 runat="server"
 HighlightTemplatedItems="true"  >
 <ItemTemplate>
 <div onclick="StopPropagation(event)" >                                   
  <asp:CheckBox ID="ComboCheckBox" runat="server" CssClass="formTextElevenPx" style="vertical-align: middle;" />
  <span id="CheckBoxLabel" runat="server"><%# DataBinder.Eval(Container, "Text")%></span>
 </div>
 </ItemTemplate>
</tlrk:RadComboBox>

I use some Javascript in this page and in my page_prerender event I call the javascript.

<script type="text/javascript">
 
function StopPropagation(e) {
  //cancel bubbling
  e.cancelBubble = true;
  if (e.stopPropagation) {
   e.stopPropagation();
  }
 }
 
 function onCheckBoxClick_<% =uniqueKey %>() {
  var combo = $find("<%= InternalComboBox.ClientID %>");
   UpdateMessage(combo);
 }
 function UpdateMessage(combo) {  
  var items = combo.get_items();
  var text = "";
  for (var i = 1; i < items.get_count(); i++) {
   var item = items.getItem(i);
   var chk1 = $get(combo.get_id() + '_i' + i + '_ComboCheckBox');
   if (chk1.checked)
    text+= item.get_text() + ", ";
  }
  return text.trim();
 }
 
</script>

I call this Javascript in the onclick event of the RadComboCheckbox like this -
protected string uniqueKey;
 protected void Page_PreRender(object sender, EventArgs e)
 { 
  this.uniqueKey = Guid.NewGuid().ToString("N");
  foreach (RadComboBoxItem i in InternalComboBox.Items)
  {
   CheckBox cbx = i.FindControl("ComboCheckBox") as CheckBox;
   if (cbx != null)
   {
    cbx.Attributes["onclick"] = "return onCheckBoxClick_" + uniqueKey + "()";
   }
  }

So I call the javascript in the cbx.Attributes["onclick"] event.  

This user control when placed in a normal page works without any issues.  But when I place the usercontrol inside a Radwindow then the javascript associated with the usercontrol -onCheckBoxClick will not load and it shows an Reference not found javascript error.  Why does this happen and how would I fix it.  Would appreciate any help you can provide me.

Thanks
ComboBox
Boyan Dimitrov
Telerik team
 answered on 10 Oct 2014
3 answers
136 views
Centering menu items
Hello, 

I have a problem with my RadMenu, the text in the RadMenu Item is centered but the item itself isn't centered.

Please take a look at the attached file for more info.

I obviously tried putting CSS on the different classes in the skin but I havent been able to move that 'blue/green' block to the center. 

Thanks !
Menu
Mark
Top achievements
Rank 1
 answered on 10 Oct 2014
8 answers
495 views
Dynamicaly Create RadScheduler Contextmenu
Hi Sir,

i Want to Create Dynamic RadScheduler Context Menu.

Like In Blank Row Of Scheduler Context Menu Appear New and Disable Paste Menu.

And Where Appointment is given Then There Context Menu Appear Like Edit, Copy, Paste, Cut etc. When I Copy Any Appointment and then Again go to blank Row then Context menu appear New And Paste Option. How can Achive this type of Condition. Please Help Me.


Thanks
Chandan Kumar.
Scheduler
Hristo Valyavicharski
Telerik team
 answered on 10 Oct 2014
17 answers
261 views
radasyncupload in IE 9
radasyncupload doesn't work in IE 9. does anybody have any idea?
Upload (Obsolete)
Hristo Valyavicharski
Telerik team
 answered on 10 Oct 2014
1 answer
98 views
Want to show projects Stages in date cell
Hi,

It is a very simple and specific requirement in attached image. Please help according to image

Want to show Project name in column than in scheduler i want to show in which stage a specific project on specific date.


Please help.
Scheduler
Hristo Valyavicharski
Telerik team
 answered on 10 Oct 2014
Narrow your results
Done
Selected tags
Tags
Grid
General Discussions
Editor
Scheduler
ComboBox
Ajax
Window
TreeView
Menu
Calendar
Chart (Obsolete)
TabStrip
Input
Dock
ToolTip
Upload (Obsolete)
AsyncUpload
WebParts for SharePoint
PanelBar
FileExplorer
Splitter
ListBox
Chart (HTML5)
Rotator
ListView
Button
ToolBar
TreeList
Sharepoint Integration
FormDecorator
Filter
Slider
ScriptManager and StyleSheetManager
UI for ASP.NET AJAX in ASP.NET MVC
AutoCompleteBox
PivotGrid
Installer and VS Extensions
Spell
Documentation and Tutorials
ImageEditor
Captcha
RibbonBar
DropDownList
OrgChart
Visual Style Builder
DropDownTree
Gantt
ColorPicker
Notification
BinaryImage
SkinManager
TileList
Wizard
SearchBox
Spreadsheet
Map
ImageGallery
Rating
MediaPlayer
DatePicker
XmlHttpPanel
Diagram
Compression
DataPager
SiteMap
CloudUpload
LightBox
Gauge
PageLayout
AjaxLoadingPanel
Navigation
SocialShare
DataForm
Persistence Framework
ClientExportManager
ProgressArea
TagCloud
CheckBox
AjaxPanel
Barcode
ClientDataSource
NumericTextBox
PdfViewer
DateTimePicker
MultiColumnComboBox
MultiSelect
RadioButtonList
MaskedTextBox
Theme Builder
Styling
ProgressBar
DateInput
Chat
Licensing
ODataDataSource
MonthYearPicker
TimePicker
LinkButton
ToggleButton
Accessibility
Label
Localization
DateRangePicker
Security
TreeMap
ImageButton
InputManager
Timeline
Card
Drawer
PushButton
Ticker
Signature
Avatar
Switch
OTPInput
Breadcrumb
SplitButton
DragDropManager
Stepper
FloatingActionButton
Chip
ChipList
AIPrompt
Badge
SpeechToText
+? more
Top users last month
林
Top achievements
Rank 1
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ivory
Top achievements
Rank 1
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
YF
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Learn how
1643 1644
1645
1646 1647
Top users last month
林
Top achievements
Rank 1
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ivory
Top achievements
Rank 1
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
YF
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Learn how
Want to show your ninja superpower to fellow developers?
Learn how