Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
227 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
169 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
94 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
686 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
178 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
10 answers
579 views

Paste is greyed out and has stopped working in RADEditor since our users have upgraded to Firefox v52. Paste works fine in Firefox v37 and Chrome. I have created a demo page below to demonstrate the issue, can anyone help fix it?

http://fdsrv.fire-defence.com/editordemo.aspx

Rumen
Telerik team
 answered on 15 Oct 2018
0 answers
84 views

Hi

i use a kendoGrid to provide data in my .net webfrontend. The data is shown correct, but sorting and filtering is nor working. But why?

<script>
                $(document).ready(function () {
                    $("#grid").kendoGrid({
                        dataSource: {
                            type: "json",
                            transport: {
                                read: "fabico1.json"
                            },
                            schema: {
                                model: {
                                    fields: {
                                        Artikel: { type: "string" },                                       
                                        Bez: { type: "string" },
                                        Menge: { type: "number" },
                                        Einh: {type: "string"}
                                    }
                                }
                            },
                            pageSize: 30,
                            serverPaging: true,
                            serverFiltering: true,
                            serverSorting: true
                        },
                        height: 430,
                        filterable: true,
                        sortable: true,
                        pageable: true,
                        columns: [{
                            field: "Artikel",
                            width: 150,
                            filterable: true
                        },
                            {
                                field: "Bez",
                            },
                        {
                            field: "Menge"
                            },
                        {
                            field: "Einh",
                            width: 150
                        }
                        ]
                    });
                });
            </script>
ITA
Top achievements
Rank 1
 asked on 12 Oct 2018
7 answers
189 views
I support a vb.net 2010 web form application that uses the Telerik/Progress Radeditor (UI for asp.net ajax). The application
is not using the current radeditor but it is using the 1 version back of the radeditor.
The problem is once a letter has been generated, extra html is placed in the letter that is generated causing
unexepcted blank lines to appear.
The template (letter) before the letter is displayed is stored in a sql server 2016 database in a column is is called
'stringtemplate' and is setup as a varchar(max), null) column in the database. I edit the template values directly using sql
server management studio.
Here are 2 examples of problems that I am having:
1. In one template where the value is setup as
     '<br/><br/>' the values end up being '<p></p<p></p><p></p>' when the letter is actually generated.
2. in another template where the value is setup as:
<span style="font-size: 13px;font-family: arial,sans-serif; color: black;"><br />
<p>&amp;CUR_DATE.EVAL</p>
 
with the final </span> and the end of the template
the letter that is generated actually has the following html:
<span style="color: black; font-family: arial,sans-serif; font-size: 13px;"><br />
</span>
<p>10/10/2018</p>
<span style="color: black; font-family: arial,sans-serif; font-size: 13px;">
with the final </span> and the end of the letter.
Thus would you tell me and/or show me what I can do to solve the problem?
Marin Bratanov
Telerik team
 answered on 11 Oct 2018
4 answers
1.2K+ views

     Can someone provide a working example of how we can compare data in different rows but within the same column? Or see what I'm missing?

Below is a function that throws an error due to an index not existing... but the data populates. If I remove most of the code and add an alert box, it shows the itemindex #.

This grid is populated from code-behind and the columns are dynamic (meaning, specified by the data, not in the markup).

ADMIN EDIT: Solution created by OP: https://www.telerik.com/forums/compare-data-in-different-rows-but-same-column#4BzUDXkNFU2U_FM8atHFbw.

protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)
        {
            RadGrid radGrid = (RadGrid)sender;
            if (e.Item.ItemType == GridItemType.Item || e.Item.ItemType == GridItemType.AlternatingItem)
            {
                GridDataItem gridDataItem = (GridDataItem)e.Item;
                if (e.Item.ItemIndex > 0)
                {
                    decimal fte;
                    decimal fteTarget;
                    GridDataItem previousGridDataItem = radGrid.Items[1];
                    GridDataItem currentGridDataItem = radGrid.Items[2];
                    for (int c = 1; c < previousGridDataItem.Cells.Count; c++)
                    {
                        if (decimal.TryParse(previousGridDataItem.Cells[c].Text, out fte) && decimal.TryParse(currentGridDataItem.Cells[c].Text, out fteTarget))
                        {
                            if (fte <= fteTarget)
                            {
                                previousGridDataItem.Cells[c].ForeColor = Utility.Green;
                            }
                            else if (fte > fteTarget)
                            {
                                previousGridDataItem.Cells[c].ForeColor = Utility.Red;
                            }
                        }
                    }
                }
}

Marin Bratanov
Telerik team
 answered on 11 Oct 2018
0 answers
62 views
whenever i set the height of the grid, and left column is frozen, the height of the panes is not even. (see attached) 

config: 

          {
                columns: treeListColumns,
                height: screen.height - 500,
                dataSource: treeListDataSource,
                columnMenu: true,
                sortable: true,
                resizable: true,
                selectable: true,
                filterable: true
            }
squarewave
Top achievements
Rank 1
 asked on 11 Oct 2018
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?