Telerik Forums
Kendo UI for jQuery Forum
3 answers
141 views
Hi everyone, 

I am trying to add a kendo dropdown to a CRM 2011 Formular. 

If I do so in CRM 2013 - everything works great. 

However in CRM 2011 it happens that the dropdown won't open, no matter what I do.
(also to mention that the center() property of the k-window isn't working as well)

This also applies to the kendo editor. The dropdown on the editor doesnt work either... 

System Details: CRM 11 & IE 8
Kendo (all): Kendo UI v2014.2.926
CRM Form: The dialog div was inserted into the body tag of the crmContentIFrame.

If I execute the same code outside the CRM, it works. (Also in IE8)

Here is my code: http://jsfiddle.net/aortega/xg57nmrL/

Has anyone had this issue yet?

Any ideas? 

aortega
Top achievements
Rank 2
 answered on 13 Oct 2014
1 answer
261 views
I want to use GridEditmode as Popup. I want to hide some of the fields and some to be disabled while editing in PopUP. ScaffoldColumn works properly. The problem is with Kendo grid options.
I found following things are not working:
- .Events for edit event is not fired
- Field did not become Non-editable. model.Field ().Editable(false) is not working
- how to change the field name (can we give title) shown in the popUp?

Please let me know the solution. I have given the Grid code along with model below:



  @{Html.Kendo().Grid<ERPLiteModelsServices.Areas.Sales.Models.Product>()
            .Name("KendoGrid1")
            .Columns(columns =>
            {
                
                columns.Bound(c => c.ItemName).Title("ProductName").Width("8%");
                columns.Bound(c => c.Description).Title("Description").Width("20%");
                columns.Bound(c => c.ProductOrServiceName).Title("Product").Width("8%");
                columns.Bound(c => c.CurrentPrice).Title("CurrentPrice").Width("15%");
                columns.Command(commands =>
                {
                    commands.Edit();
                    commands.Destroy();
                }).Title("Commands").Width("16%");
                    

            })
            
            .ToolBar(toolbar => toolbar.Create())
            .Editable(editable => editable.Mode(GridEditMode.PopUp))
            
            //.Events(e => e.Edit("HidePopupFields"))
            .Pageable()
            .Filterable()
            .Sortable()
            .Resizable(config =>
                {
                    config.Columns(true);

                })
            .Reorderable(config =>
                {
                    config.Columns(true);
                })
            .Groupable()
            
            .DataSource(source => source
               // .Server()
               .Ajax()
              // .Events(e => e.Change("HidePopupFields"))
             
               .Model(model =>
                   {
                       model.Id(m => m.ItemId);
                       
                       model.Field(m => m.ProductOrServiceName).DefaultValue("Product").Editable(false);
                       
                   })
                   
               .Read(read => read.Action("ReadList", "Products", new { area = "Sales" }))
               .Create(create => create.Action("Insert", "Products", new { area = "Sales" }))
               .Update(update => update.Action("Update", "Products", new { area = "Sales" }))
               .Destroy(update => update.Action("Delete", "Products", new { area = "Sales" })) )
            .Render();
            
                
            }
                
            
    


</div>



}

<script >
    function HidePopupFields(e) {
        alert("HidePopUp");
        $("#ItemId").hide();
        $("label[for='ItemId']").hide();
    }


    $("#KendoGrid1").kendoGrid({
        edit: function (e) {
            e.container.find("input:first").hide();
        }
    });

</script>

Model class:
public class Item
    {
        public const int PRODUCT = 1;
        public const int SERVICE = 2;
       
        private long _ItemId = 0;

        [ScaffoldColumn(false)]
        public long ItemId
        {
            get { return _ItemId; }
            set { _ItemId = value; }

        }
        
        private int _ProductOrServiceId = PRODUCT;
        [ScaffoldColumn(false)]
        public int ProductOrServiceId
        {
            get { return _ProductOrServiceId; }
            set { _ProductOrServiceId = value; }
        }

        public string ProductOrServiceName
        {
            get { return _ProductOrServiceId == PRODUCT ? "Product" : "Service"; }
        }

        private string _ItemName = string.Empty;
        public string ItemName
        {
            get { return _ItemName; }
            set { _ItemName = value; }
        }

        private string _Description = string.Empty;
        public string Description
        {
            get { return _Description; }
            set { _Description = value; }
        }
}
Alexander Popov
Telerik team
 answered on 13 Oct 2014
1 answer
82 views
Dear Telerik team,

is it possible to set 2 different source columns for a single dimension?

Example:
Usually a product category has a name and an ID.
Therefore it has at least to related columns in the category database table: name, ID.
The ID is normally used to select/filter data and the name/caption is used for visualizing it within a grid, chart or other
visual area.

Can those 2 source columns be assigned in the meta data.
To trigger a filter later on - which is able to filter by ID - so not by caption of the category?
We need this to built an own configurator and filter control for the grid.

Thanks a lot
Jens
Georgi Krustev
Telerik team
 answered on 13 Oct 2014
4 answers
129 views
Dear Telerik team,

is it possible to trigger pivotgrid actions via an API?
especially:
- to add dimensions/members or rows or columns (and remove them also)
- to filter dimensions (and to change or reset existing filters)

We need to implement an own custom configurator based on our needs and based on the usability of the
surrounding platform.

Thanks for any suggestions.
Jens
Georgi Krustev
Telerik team
 answered on 13 Oct 2014
9 answers
488 views
Hello ,

I have kendo menu with items having text and image. I would like to show the menu selected on document load  and am using this jquery but with no success. Is there a way to select menu item by text and fire selected event?

$("#navigationMenu").find("#" + text).addClass("k-state-selected");

Anamika
Anamika
Top achievements
Rank 1
 answered on 13 Oct 2014
1 answer
245 views
Hi there i am trying to populate kendo grid using Ajax but it's not populating. I Google ' d and tried some options but didn't work.

Here is my controller code. 

I am fetching employees list from database using EF and Repository pattern. 

Note: it works if I don't use Ajax and bind data normally.

public ActionResult Index()
        {

            //IEnumerable<EmpPersonalDetails> objemp = GetEmployeePersonnelDeatils();
            return View();
        }


 public IEnumerable<EmpPersonalDetails> GetEmployeePersonnelDeatils()
        {
            return objEmp.GetAllEmployees();
        }

     
        public ActionResult GetCustomers([DataSourceRequest]DataSourceRequest request)
        {

            return Json(GetEmployeePersonnelDeatils().ToDataSourceResult(request),JsonRequestBehavior.AllowGet);

        }

Here is my Index.cshtml code 

@{
    ViewBag.Title = "GetCustomers";
}

@model IEnumerable<Employee.Models.EmpPersonalDetails>

<div id="clientsDb">
    @(Html.Kendo().Grid<Employee.Models.EmpPersonalDetails>()
        .Name("grid")
        .Columns(columns =>
        {
            columns.Bound(c => c.Id).Width(140);
            columns.Bound(c => c.EmployeeName).Width(190);
            columns.Bound(c => c.Address);
            columns.Bound(c => c.Age).Width(110);
        })
        .HtmlAttributes(new { style = "height: 380px;" })
        .Scrollable()
        .Groupable()
        .Sortable()
        .Pageable(pageable => pageable
            .Refresh(true)
            .PageSizes(true)
            .ButtonCount(5))
            .DataSource(dataSource => dataSource
            .Ajax()
                  .Read(read => read.Action("GetCustomers", "Customer"))
                )
        
    )
</div>

<style scoped>
    #clientsDb {
        width: 952px;
        height: 396px;
        margin: 20px auto 0;
        padding: 51px 4px 0 4px;
        background: url('@Url.Content("~/content/web/grid/clientsDb.png")') no-repeat 0 0;
    }
</style>
<h2>GetCustomers</h2>





Dimiter Madjarov
Telerik team
 answered on 13 Oct 2014
8 answers
697 views
When I use datepicker widget with bootstrap the styling is "double applied" as seen in the screenshot.
Is there an easy way to skip kendoui styling and just use the functionality?

Snippet <input type="month" class="form-control input-sm" id="Month" name="month"  />
<script>
$("#Month").kendoDatePicker({ depth: "year", start: "year" });
</script>

Thanks.

 R

Alex Gyoshev
Telerik team
 answered on 13 Oct 2014
5 answers
1.0K+ views
Hi,

I have a grid with batch inline editing but with a custom editor (a different grid in a popup window) for one of the columns. The problem is that after editing in the popup grid it removes all dirty flags on all changed cells (the red triangle in the cell's top left corner). The flags should stay but I'm doing something wrong and I just can't see it...

example: http://jsfiddle.net/nojgzu0j/1/ change for example "name" and "age" and then click in a "travelled" cell - which shows the popup and removes the red flags. 

Thanks
Alexander Popov
Telerik team
 answered on 13 Oct 2014
1 answer
138 views
Hello
I'm using kendo v2014.2.716

And when drilling up and down in kendo charts sometimes I have this error in console and break in Visual Studio.

It is related to hiding chart tooltips and breaks on function (line 101427):

_hideElement: function() {
            this.element.fadeOut({
                always: function(){
                    $(this).off(MOUSELEAVE_NS).remove();
                }
            });
        },

which is called from function (line 101389):

  hide: function() {
            var tooltip = this;

            clearTimeout(tooltip.showTimeout);
            tooltip._hideElement();

            if (tooltip.visible) {
                tooltip.point = null;
                tooltip.visible = false;
                tooltip.index = null;
            }
        },

end error I have is:

TypeError: this.element is null

Best Regards
Marcin



T. Tsonev
Telerik team
 answered on 13 Oct 2014
3 answers
193 views
Hi,
I have a grid with batch edit. I am adding a new row and I would like to save it automatically after one of the fields is populated. I am in edit mode when my validation passes I would like to save newRow only, rest of the grid may have some outstanding changes but I wouldn't like to save them. I have tried to saveRow() but I ended up with 100+ duplicated rows in my database. Would you have any suggestions?

Thank you
Wit
Top achievements
Rank 1
 answered on 13 Oct 2014
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Application
Map
Drag and Drop
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
Filter
SPA
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
PivotGridV2
Licensing
ScrollView
Switch
TextArea
BulletChart
QRCode
ResponsivePanel
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
TimePicker
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
SmartPasteButton
PromptBox
SegmentedControl
+? more
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?