Telerik Forums
UI for ASP.NET AJAX Forum
4 answers
140 views

<telerik:RadEditor ID="txtWarning" runat="server" EditModes="Design" ToolbarMode="Default" Width="400px" Height="100px" MaxTextLength="1000" ContentAreaMode="Div" ContentFilters="None" ></telerik:RadEditor>

 

string text = txtWarning.Content

Sampath
Top achievements
Rank 1
 answered on 17 Oct 2018
1 answer
49 views

Hi

i use a kendGrid like this:

It works great, but if i put the src for Chart1 into the "App_Data" folder and change the Session to the App_Data folder
the grid will not long be displayed. But wh? thanks so far

<script id="Chart1" src='<%=Session["LoginAbas2"]%>'></script>                
<div id="example" class="k-content">
    <div id="grid" style="width:50%;"></div>
    <script>
        $(document).ready(function () {
            $("#grid").kendoGrid({
                dataSource: {
                    data: products,
                    schema: {
                        model: {
                            fields: {
                                ProductName: { type: "string" },
                                Bez: { type: "string" },
                                UnitsInStock: { type: "number" },
                                Discontinued: { type: "string" }
                            }
                        }
                    },
                    pageSize: 20
                },
                height: 430,
                scrollable: true,
                sortable: true,
                filterable: true,
                pageable: {
                    input: true,
                    numeric: false
                },
                columns: [
                    "Bez",
                    { field: "ProductName", title: "Artikelnr.", width: "130px" },
                    { field: "UnitsInStock", title: "Menge", width: "130px" },
                    { field: "Discontinued", title: "Einheit", width: "130px" }
                ]
            });
        });
    </script>
ITA
Top achievements
Rank 1
 answered on 17 Oct 2018
1 answer
133 views

I am trying to implement drag and drop functionality using rad list view but getting this error Object doesn't support property or method 'getKendoDraggable' can someone help me how can i resolve this.

Script:

Sys.Application.add_load(enableDraggableShapeBox);
                 function enableDraggableShapeBox() {
                     debugger
                     var draggables = $telerik.$("#<%=listViewDiv.ClientID%>")
                     if (draggables.getKendoDraggable()) return;
                     draggables.kendoDraggable({
                         filter: "div.ListViewStyle",
                         hint: function (draggable) {
                             var hint = draggable.clone(true);
                             return hint;
                         }
                     });
                 }

 

Listview:

<div id="listViewDiv" runat="server" clientidmode="Static" style="overflow:auto">
          <telerik:RadListView ID="RadListView1" runat="server" RenderMode="Lightweight">
              <LayoutTemplate>
                   
                  <div style="padding:10px 0 0 10px">
                  <telerik:RadLabel Text="RadLabel1" ID="rlb1" runat="server" RenderMode="Lightweight" CssClass="listViewStyles">
                  </telerik:RadLabel>
                  <br />
                  </div>
 
                  <div style="padding:10px 0 0 10px">
                  <telerik:RadTextBox ID="RadTextBox1" runat="server" RenderMode="Lightweight">
                  </telerik:RadTextBox>
                  </div>
 
                  <div style="padding:10px 0 0 10px">
                  <telerik:RadTimePicker ID="RadTimePicker1" runat="server" RenderMode="Lightweight">
                  </telerik:RadTimePicker>
                  </div>
 
                  <div style="padding:10px 0 0 10px">
                  <telerik:RadDatePicker ID="RadDatePicker1" runat="server" RenderMode="Lightweight">
                  </telerik:RadDatePicker>
                  </div>
 
                  <div style="padding:10px 0 0 10px">
                  <telerik:RadDateTimePicker ID="RadDateTimePicker1" runat="server" RenderMode="Lightweight">
                  </telerik:RadDateTimePicker>
                  </div>
 
                  
                  <div style="padding:10px 0 0 10px">
                      <telerik:RadComboBox ID="RadComboBox1" runat="server" RenderMode="Lightweight">
                          <Items>
                              <telerik:RadComboBoxItem Text="2" Selected="true" />
                              <telerik:RadComboBoxItem Text="4" />
                              <telerik:RadComboBoxItem Text="6" />
                              <telerik:RadComboBoxItem Text="8" />
                              <telerik:RadComboBoxItem Text="10" />
                          </Items>
                      </telerik:RadComboBox>
                  </div>
                   
                  <div style="padding:10px 0 0 10px" >
                      <telerik:RadDropDownList ID="RadDropDownList" runat="server" RenderMode="Lightweight">
                          <Items>
                              <telerik:DropDownListItem text="textdata" />
                              <telerik:DropDownListItem text="textdata" />
                              <telerik:DropDownListItem text="textdata" />
                              <telerik:DropDownListItem text="textdata" />
                              <telerik:DropDownListItem text="textdata" />
                          </Items>
                      </telerik:RadDropDownList>
                  </div>
                   
                  <div style="padding:10px 0 0 10px">
                      <telerik:RadBinaryImage ID="RadBinaryImage1" runat="server" />
                  </div>
 
              </LayoutTemplate>
              <ClientSettings AllowItemsDragDrop="true">
                  <ClientEvents />
                  <DataBinding ItemPlaceHolderID="itemContainer">
                      <ItemTemplate>
                          <div id="#= ItemHeader #" class="ListViewStyle">
                              <div style="vertical-align: top; width: 100%">
                                  <table id="ListviewTable">
                                      <tr>
                                          <td colspan="2">
                                              <span id="ItemHeader" class="ItemHeaderStyle"><b>#= ItemHeader #</b></span>
                                          </td>
                                      </tr>
                                      </div>
                      </ItemTemplate>
                  </DataBinding>
              </ClientSettings>
          </telerik:RadListView>
      </div>

 

Attila Antal
Telerik team
 answered on 17 Oct 2018
11 answers
587 views
Hello,
First I tried to access button by its index, i.e. toolbar.getAllItems()[3]. That worked for some time. But when 1st button is not a button but a dropdown with more buttons in it, that method returns wrong button. Next I tried to access buttons by value. That also worked for some time. But on buttons which may contain child items, like RadToolBarDropDown, that method won't work. Now what do I have to do? Search button by text? My buttons don't have a text at all. So what now?

PLEASE tell me is that a so HUGE problem do add a simple ID property to each button and implement FindButtonByID method? Is that a feature which requires a deep planning? You are developing this control so long and you can't implement this simplest feature? I can't believe that.
Tom
Top achievements
Rank 1
 answered on 16 Oct 2018
3 answers
763 views
In a vb.net 2010 web form application that I support, the application uses the Telerik Radeditor to edit letters sent to parents of students.
After the application runs, the html is stored in a SQL Server 2016 field called stringtemplate where the value is declared as varchar(max).
My question is I am trying to change the font size and color of the letters that are generated. When I look at the html that is stored in the stringtemplete field,
I do not see the html changes that I made.
Thus I am wondering if there is some part of the radeditor that I need to set so the font size and colors of parts of the letter can change. If so,
would you show me what I need to change?
Rumen
Telerik team
 answered on 16 Oct 2018
1 answer
213 views

I am generating a dynamic table based on user input, for giving input i am using ribbonbar combobox. And i have a list view, contain some items. I want to drag and drop listview items in generated table cells. How can i achieve this?? can someone help me with code i am new to teleriks.

Thank, regards.

script:

var getValue = null;
        function OnClientComboBoxTextChanged(sender, args) {
 
            getValue = args.get_comboBox().get_text();
        }
 
function CreateTable() {
 
            var rowCtr;
            var cellCtr;
 
            var rowCnt = getValue;
            var cellCnt = getValue;
 
            var myTableDiv = document.getElementById('myDynamicTable');
            var table = document.createElement('TABLE');
            table.setAttribute("contenteditable", "true");
            table.border = '1';
            table.id = 'myTable';
 
            var tableBody = document.createElement('TBODY');
            table.appendChild(tableBody);
 
            for (rowCtr = 0; rowCtr < rowCnt; rowCtr++) {
                var tr = document.createElement('TR');
                tableBody.appendChild(tr);
 
                for (cellCtr = 0; cellCtr < cellCnt; cellCtr++) {
                    var td = document.createElement('TD');
                    td.width = '120';
                    td.height = '50';
                    td.appendChild(document.createTextNode(""));
                    tr.appendChild(td);
                }
            }
            myTableDiv.appendChild(table);
}

 

Markup: 

  <telerik:RibbonBarGroup Text="Table Generator">
                        <Items>
                            <telerik:RibbonBarControlGroup Orientation="Horizontal">
                                <Items>
                                    <telerik:RibbonBarComboBox ID="txtRow" Width="60" runat="server">
                                        <Items>
                                            <telerik:RibbonBarListItem Selected="true" />
                                        </Items>
                                    </telerik:RibbonBarComboBox>
 
                                    <telerik:RibbonBarComboBox ID="txtCol" Width="60" runat="server">
                                        <Items>
                                            <telerik:RibbonBarListItem Selected="true" />
 
                                        </Items>
                                    </telerik:RibbonBarComboBox>
                                    <telerik:RibbonBarButton ID="btnGenerate" runat="server" Text="Create" />
                                </Items>
                            </telerik:RibbonBarControlGroup>
                        </Items>
                    </telerik:RibbonBarGroup>
 
<telerik:RadListView ID="RadListView1" runat="server" RenderMode="Lightweight">
                <LayoutTemplate>
                     
                    <div style="padding:10px 0 0 10px">
                    <telerik:RadLabel Text="RadLabel1" ID="rlb1" runat="server" RenderMode="Lightweight" CssClass="listViewStyles">
                    </telerik:RadLabel>
                    <br />
                    </div>
 
                    <div style="padding:10px 0 0 10px">
                    <telerik:RadTextBox ID="RadTextBox1" runat="server" RenderMode="Lightweight">
                    </telerik:RadTextBox>
                    </div>
 
                    <div style="padding:10px 0 0 10px">
                    <telerik:RadTimePicker ID="RadTimePicker1" runat="server" RenderMode="Lightweight">
                    </telerik:RadTimePicker>
                    </div>
 
                    <div style="padding:10px 0 0 10px">
                    <telerik:RadDatePicker ID="RadDatePicker1" runat="server" RenderMode="Lightweight">
                    </telerik:RadDatePicker>
                    </div>
 
                    <div style="padding:10px 0 0 10px">
                    <telerik:RadDateTimePicker ID="RadDateTimePicker1" runat="server" RenderMode="Lightweight">
                    </telerik:RadDateTimePicker>
                    </div>
 </LayoutTemplate>
                <ClientSettings>
                    <DataBinding ItemPlaceHolderID="itemContainer">
                        <ItemTemplate>
                            <div id="#= ItemHeader #" class="ListViewStyle">
                                <div style="vertical-align: top; width: 100%">
                                    <table id="ListviewTable">
                                        <tr>
                                            <td colspan="2">
                                                <span id="ItemHeader" class="ItemHeaderStyle"><b>#= ItemHeader #</b></span>
                                            </td>
                                        </tr>
                                        </div>
                        </ItemTemplate>
                    </DataBinding>
                </ClientSettings>
            </telerik:RadListView>

 

 

Attila Antal
Telerik team
 answered on 16 Oct 2018
9 answers
159 views

I'm trying to move a dynamically created Dock from One Zone (not dynamic) to another

Getting some weird results; after the post back the

1. dragged Dock just floats to the top of the screen.

2. the dock expands in the source zone and it un-clickable

3. if i use the ApplyState (ala the demo and many posts), the ViewState becomes corrupt, and the RadGrid on the page fires the NeedsDataSource after every postback

4. get a

There is quite a lot of code to post, so i've linked a sample project that demonstrates the problem

Project

 

--Jason

i'm fairly certain this is a noob error, but i cant see it


Vessy
Telerik team
 answered on 16 Oct 2018
2 answers
87 views

Hi ,

I have an application(say - MyApp) which has an aspx page with RadAjaxManager and multiple rad controls in it.  I am trying to access this hosted  application in other html page on my desktop (say an html page with an iframe src = 'url of MyApp'). The problem i am facing here is when the page with the radcontols is loaded, the iframe of the html page disappears and even the url in the window refreshes/changes from "C:\\users\Abc\Desktop\Iframe.html" to the "Url of the MyApp" as if the application is run directly without the iframe. We are mostly using the 2014 version of RadControls

Umesh
Top achievements
Rank 1
 answered on 15 Oct 2018
14 answers
652 views
Hello

Could someone help to clarify the expected behaviour of the RadEditor content area after a postback? I have a RadEditor control with an Iframe content area, which is on a page with some other textbox controls that need to be validated server side. When the page is submitted for validation from a LinkButton, the validation occurs OK, but the content area loses its contents. Is this expected default behavior?

I've done some research into this already, and I think I'm right in saying that this isn't due to the known issue of the 2010 release whereby the Iframe shows a similar problem when used with AJAX panels: I'm using the 2009 version, and also, it occurs even if an AJAX partial postback is not used on the page. Instead it seems that there is some sort of ViewState handling issue that I have not set up correctly. So working along these lines, my questions are:

Is it possible/necessary to programmatically enable the viewstate for the IFrame content area? I have the ViewState property set on the radEditor control itself, but it seems this is not working automatically through the validation postback. Perhaps I am supposed to include some manual client side Javascript handling of the iframe contents or the editor viewstate in order to persist the contents of the content area? I haven't managed to find any other forum posts that address this issue, which makes me suspicious that I am missing something obvious. But if there are some posts about this issue, it would be great if someone could point me in the right direction. Presumably I don't need to set an id for the editors iframe, it looks as if this is generated automatically?

Thanks if you can help.



Rumen
Telerik team
 answered on 15 Oct 2018
1 answer
165 views

I have used the Telerik RadCaptcha control in a number of projects and can never get a skin to work with it. All other controls are using the skin defined in the Web.config file in the key:

<add key="Telerik.Skin" value="Bootstrap"/>

 

Does anyone have any idea why the RadCaptha is the only control that doesn't follow this in my projects?

 

Marin Bratanov
Telerik team
 answered on 15 Oct 2018
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?