kendo-ui,rich-text-editor , kendo ui Rich-Text editor - toolbar displays icons and links
kendo ui Rich-Text editor - toolbar displays icons and links
Question:
Tag: kendo-ui,rich-text-editor
I want to use Kendo UI rich text Editor inside of ASP.NET page, however when I run the application the editor toolbar is displayed with icons and links, I just want to display icons. How can I fix it?
View the image with the issue toolbar editor...
Answer:
Normally text in editor icons is hided by setting font size to 0 in kendo CSS file:
.k-button-group .k-tool-icon{
font-size: 0;
}
If you have such behavior, you have instaled Kedno UI wrong or you are overriding their style.
To check if you have installed it correctly read the kendo instalation manual: http://docs.telerik.com/kendo-ui/aspnet-mvc/introduction
If everything is ok you should check in eg. Firebug tool why this font-size is not set to 0.
Related:
c#,asp.net-mvc-4,kendo-ui,kendo-grid
Just like the title says. I want to have a kendo grid with a column called Link. That column would need to dynamically generate a link to whatever address the user puts into it. I don't need to worry about error checking to ensure the link is valid, or anything...
asp.net-mvc,kendo-ui,kendo-asp.net-mvc,html.dropdownlistfor,kendo-dropdown
I have a Kendo DropDownList on the View and I want to pass its DataTextField value to the Controller and then pass and them on the labels in another View. Although I can pass DataValueField values to the Controller, I cannot pass DataTextField values. I tried to apply different scenarios...
javascript,html,kendo-ui,kendo-grid
I'm not sure if i'm doing this correctly, but I want to filter ('search') kendo ui grid based on one input's value. However, I want to search two fields of the grid, based on only one input. $("#grid").data("kendoGrid").dataSource.filter({ logic: 'or', filters: [ { field: 'lastName', operator: 'startswith' }, { logic:...
javascript,kendo-ui,kendo-chart
I have the following implementation and it is functional. I wonder how I could able to fix duplicate of legend in my current implementation. Please watch fname="NY" for (var i=0;i<e.series.data.length;i++){ if (e.series.data[i].valueColor != "" && e.series.data[i].fname != "") { color = e.series.data[i].valueColor, legendName=e.series.data[i].fname } } FIDDLE...
asp.net,asp.net-mvc,kendo-ui,kendo-grid
I have a kendo grid that I'm using in asp.net MVC and the column won't display anything. It just returns empty. I don't see the input in code when I use developer tools either. columns.Template(@<text> <input type="button" class="btn btn-default" value="Tasks" onclick="window.location.href = '../../OBClientSetupTasks/Index/@item.SetupID'" /> </text>).HeaderTemplate(@<text>Tools</text>); }) I don't understand what...
kendo-ui
I need to select tabs in Kendo Tabstrip (see demo here) using right click in addition to left click. Is this possible?
html,knockout.js,kendo-ui,kendo-panelbar
I'm using Knockout.js 3.3 and utilizing components with custom elements. I am trying to use Kendo UI's Panelbar with that list. The only problem is, it fails (the nested <ul> won't expand) because my lists are in the following format: <ul> <sidebar-step> <li>some message <ul> <li>some sub message<li> <li>another sub...
kendo-ui,telerik,kendo-mobile,kendo-datasource
I am using Telerik Platform to build a hybrid news app. I am pulling in data remotely and I have everything working correctly, but now I need to check to see for featured stories and move them into an variable. I have the data pulling into like this: viewModel =...
asp.net-mvc,kendo-ui,telerik,editor
I used Kendo UI Editor control. IT is ok. But I need to do same events before Printing How override Print function in Kendo UI Editor ? @(Html.Kendo().Editor() .Name("editor") .Tools(tools => tools .Clear() .Bold().Italic().Underline().Strikethrough() .JustifyLeft().JustifyCenter().JustifyRight().JustifyFull() .InsertUnorderedList().InsertOrderedList() .Outdent().Indent() .CreateLink().Unlink() .InsertImage() .InsertFile() .SubScript() .SuperScript() .TableEditing() .ViewHtml() .Formatting() .CleanFormatting() .FontName() .FontSize()...
javascript,kendo-ui,kendo-grid,url-parameters,odatacontroller
I'm not sure if I'm doing this right, as I'm new to whole these systems, but I want to manage my kendo grid data (pagination, filters, etc). I'm using this ODataController in ASP.NET Web API 2, driven from version 4 of OData package, which support parameters like: $top, $skip, $count,....
angularjs,angularjs-directive,kendo-ui,angularjs-compile,kendo-tooltip
I have directive which is a wrapper around KendoUI kendo-tooltip and I'm instantiating it like this: <div my-directive-popover="options"> </div> Inside my code I replace my-directive-popover with kendo-tooltip like this: $element.attr( 'kendo-tooltip', popoverName ); At the end of pre compile function I have to of course compile this so it's recognized...
javascript,jquery,kendo-ui,kendo-ui-window
I have seen some posts about this issue but I am getting a actual error instead of it just not opening. the window opens successfully on a success function. however i am receiving the error message after I close it and then try to reopen it. Error Message Uncaught TypeError:...
javascript,kendo-ui,kendo-chart
The following implementation shows mouseover event with cursor pointer on y axis title label. It works and functional. However, I want to implement mouseover event with cursor pointer on y axis (numeric axis) as well. CURRENT IMPLEMENTATION...
kendo-ui,kendo-tabstrip
Is is possible to reorder the tabs with drag and drop (see Kendo Tabstrip basic mode here)? Similar to dragging tabs in Excel.
javascript,ajax,kendo-ui
The kendoUI grid on which I am working on is refreshed when you pass new data with the datasource, which is fine, but I need to empty it when an error or an action occurs. So, how can I empty and refresh the kendoUI grid manually. Thanks in advance...
javascript,jquery,kendo-ui,kendo-grid,kendo-datasource
I have a Kendo Grid and I have JavaScript function “getFilters”. The “getFilters” function is scoped function defined in document ready. Currently the grid is calling “getFilters” like below. But this doesn’t work because “getFilters” gets initialized after the grid initialization. So im getting error 0x800a1391 - JavaScript runtime error:...
javascript,kendo-ui,kendo-chart
I have the following implementation and it is functional. When user clicks on the line series, then it loads another data. I want to give an impression to the first time user that line series clickable with implementing mouse over event and cursor: pointer. var isHover=false; function onClick (e) {...
javascript,kendo-ui,kendo-chart
I have the following implementation and it is fully functional. I need to show loading animation image first time only, my current implementation it shows loading animation all the time. var theDataSource = new kendo.data.DataSource({ transport: { read: function (op) { setTimeout(function () { op.success(data); }, 4000); } }, group:...
asp.net-mvc,kendo-ui
So I have a Kendo Grid using the 'Hierarchical' mechanism. When I come to my Client Template portion, I'm doing this: .Columns(column => { column.Bound(o => o.Id).Width(110); column.Bound(o => o.Title); column.Bound(model => model.Id) .ClientTemplate(String.Format("<a href=\"{0}\" data-title=\"View Stuff\" class=\"stuff\"><i class=\"glyphicon glyph-btn directory\">Stuff</i></a>", Url.Action("Details", "Stuff", new { Id = "#=Id#" }))) .Width(40)...
asp.net-mvc,file-upload,kendo-ui,jquery-file-upload,kendo-upload
I tried to apply the method on this page, but this sample save the files to disk instead of Database. So, could you please inform me what changes should be made on the sample method or is there any sample using this Kendo Upload to save multiple files to database?...
html,css,angularjs,kendo-ui,datepicker
I am switching between a Kendo Date-Time picker and a Kendo Date Picker. The Picker alternates between the two depending on if the user has selected "All Day" - which then only the Date Picker is shown. However, when switching from the Date-Picker, to the Date-Time picker, if one alters...
javascript,kendo-ui,kendo-chart
I have the following implementation. When user clicks on the y axis title label, then message pop up. However, there is no indication for the first time user that shows y axis label clickable. Therefore I would like to know how to implement cursor clickable icon (hand icon) when mouse...
jquery,kendo-ui,kendo-window
I'm trying to create a custom action 'fillParent' for kendo dialog. var dialog = $('#dialog').kendoWindow({ actions: [ 'FillParent', 'Minimize', 'Maximize' ] }); //FillParent definition dialog.wrapper.find(".k-i-fillparent").click(function(e){ e.preventDefault(); dialog.setOptions({ width: $(".content").width(), height: $(".content").height(), position: { top: 0, left: 0 } }) }); This works only the first time I click on fill...
javascript,jquery,kendo-ui,kendo-mvvm,kendo-template
I am using a Kendo template with an array to dynamically add rows to a form, however, when I push an item onto the array, it adds two rows, both bound to the same data object in the MVVM (so with two objects, there are four rows). I've run the...
javascript,kendo-ui,kendo-chart
I have implemented the following code which allows user to click on y axis itself (value Axis, numeric axis) with using axisLabelClick event. chart.bind("axisLabelClick", clickEvent); chart.options.axisLabelClick = clickEvent; function clickEvent (e) { if (e.axis.type = "numeric") { if (!self.isClick) { self.isClick= true; } else { self.isClick= false; } } }...
angularjs,kendo-ui,kendo-grid
I'm using the Kendo UI grid in my AngularJS application and I would wish to apply a certain background color conditionally. Below is my column definition : columns: [ { field: "TradeAmount", title: "Trade Amount", width: "120px", filterable: { cell: { showOperators: false } } }, ] So the above...
javascript,kendo-ui,kendo-grid
I have a Web Site containing multiple Kendo UI Grids. I have now been asked to remove the scrollbar from each of these grids. I know there's a config attribute scrollable that I could change to false in order to achieve this. However, I would like to avoid adding this...
kendo-ui,kendo-dataviz,kendo-chart
I'm building a page with a Kendo scatter chart of data over time. The only catch is that the client wants the most recent data to the left. I've sorted the input datasource by date descending, but that seems to be blithely ignored, with the chart stubbornly plotting the data...
javascript,kendo-ui,kendo-grid,kendo-ui-grid
i have kendo grid with 4 columns in it [mac,level,timestamp,message]. i need to store all the values under timestamp column in an array.I tried but couldn't find any way to traverse in a particular column. Any idea how to do this using java script?
kendo-ui,kendo-grid
I have a grid in kendo ui with batch editing and I need pass a array to my controller when user clicks update. I have the follow code: index.jsp: parameterMap: function(data, type) { if (type != "read") { data = data.models; } return data; } Controller.java: @Post @WithoutRoot public void...
javascript,kendo-ui,kendo-grid,kendo-asp.net-mvc
Right now I have a kendo grid with 2 rows and 6 columns. I need some logic to highlight a specific cell but I don't know how to reference a cell. I used this example but I don't know what to pass in as the id. myHub.client.highlightRow = function (id)...
javascript,jquery,asp.net-mvc,kendo-ui,kendo-dropdown
I want to filter security questions such that if I select questiona from the list of questions, for the next questions, I no longer see questiona in the list of security questions. This is to prevent duplicate selection of security questions. Here's a jsfiddle with a pure jquery implementation: http://jsfiddle.net/jbfbxvoo/...
kendo-ui,kendo-grid
I have a editor template for my kendo grid defined as <script id="my-editor-template" type="text/x-kendo-template"> <div class="k-edit-label"> <label for="ContactName">Contact</label> </div> <div data-container-for="ContactName" class="k-edit-field"> <input type="text" class="k-input k-textbox" name="ContactName" data-bind="value:ContactName"> </div> <!-- more fields, etc --> </script> In my grid definition, I definte editable like this: editable = { mode: 'popup', template:...
