Hi,

I am using kendo Tooltip to display on images on my page. but every time I hover over on image, tooltip appears on right corner of my screen.

Please help me to fix this annoying issue.

I have attached screenshot and files.

<div class="demo-section">
<ul id="products" class="dairy-photos">
<li><a href="#" data-id="11">
<img src="@Url.Content("~/images/11.jpg")" /></a>
</li>
</ul>
</div>
@(Html.Kendo().Tooltip()
.For("#products")
.Filter("li a")
.LoadContentFrom("DetailsNew", "TooltipNew")
.Position(TooltipPosition.Top)
.Width(220)
.Height(280)
.Events(events => events.RequestStart("requestStart"))
)
<script type="text/javascript">
function requestStart(e) {
e.options.data = {
id: e.target.data("id")
}
}
</script>
<style>
.demo-section
{
height: 460px;
}
.dairy-photos
{
float: left;
list-style-type: none;
margin: 60px 0 0 60px;
padding: 0;
width: 430px;
line-height: 0;
}
.dairy-photos li
{
display: inline-block;
margin: 0;
padding: 0;
width: 110px;
height: 110px;
position: relative;
}
.dairy-photos li:hover
{
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.8);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.8);
box-shadow: 0 0 10px rgba(0,0,0,0.8);
z-index: 1;
}
.dairy-photos li, .dairy-photos li:hover
{
transition: all .2s;
-moz-transition: all .2s;
-webkit-transition: all .2s;
}
.dairy-photos a
{
display: inline-block;
}
.dairy-description
{
float: right;
width: 250px;
margin: 80px 60px 0 0;
}
.dairy-description h2
{
font-size: 2.7em;
font-weight: normal;
}
.dairy-description p
{
line-height: 2em;
}
.dairy-details
{
padding: 10px 0 0 0;
}
.dairy-details h3
{
font-weight: normal;
font-size: 1.5em;
margin-top: 10px;
}
</style>

Hi,

       I have 2 tables

             Table1 : ID,Table2ID

              Table2 : ID, Description

Table1 as a 1 to many relationship with Table2

Table2 as a 0..1 to many relationship with Table2

I would like to show Table1 in a grid and have a treeview to display the Table2 during Create and Update.

Can someone help me to achieve this?

regards

Hello, 

I am trying to update the grid through popup

I am getting the below error 
0x800a138f - JavaScript runtime error: Unable to get property 'data' of undefined or null reference
also if I click the Edit button and again click on cancel in the Edit popup , the record i have used is missing in the grid
Please help me 
here is my code.
 dataSource: {
                type: "json",
                transport: {
                    read: URL,
                    update: {
                            url: UpdateURL,
                            dataType: "json",
                            type: "POST"
                    },
                    parameterMap: function (data, operation) {
                        if (operation !== "read") {
                            return kendo.stringify(data);
                        }
                    }
                },
                requestStart: function(e) {
                    if (e.type == "update") {
                        //My LOGIC
                        debugger;
                    }
                },

                schema: {

  type: "json",
  id: "ID",
                    model: {
                        fields: {
                            ID: { type: "number", editable: false},
                            Name: { type: "string", validation: { required: true } },
                            Status: { type: "string" },                            
   Access: { type: "string", nullable: true },
                            Address: { type: "string" },
                            Comment: { type: "string", validation: { required: true } },
                            ParentID: { type: "number", validation: { required: true } },
                            ParentName: { type: "string" },
                        }
                    }
                },
                serverPaging: false,
                serverFiltering: false,
                serverSorting: false
            },
            height: 550,
            filterable: true,
            sortable: true,
            pageable: {
                pageSize: 100,
                refresh: true
            },


            columns: [

            { command: ["edit"], title: "&nbsp;", width: "100px" },
   { field: "ID", title: "ID", width: "300px" },
            { field: "Name", title: "SubInventory", width: "300px" },
            { field: "Status", title: "Active", width: "75px" },
            { field: "Access", title: "Access", width: "200px" },
            { field: "Address" },
            { field: "Comment", tite: "Comments", width: "250px" },
            { field: "ParentID", title: "ParentName", width: "180px", editor: dropdownforParent}
]
            , filterMenuInit: onFilterMenuInitSI,
            editable: "popup",
        }).data("kendoGrid");

Hello there. So I have a gridwhich I can export to Excel.

When doing the export, I'm having two problems.

 This is my function.

Problem Num1: Is there any other way to choose other colors?... I only found very few so far like these: Green, Red, Blue and Yellow. If I try colors such as Orange, Light Blue, Purple, which are colors that I really need, it doesn't work. Instead of "[ColorName;"], is there another way.

Problem Num2: With this format I'm only formatting the text itself, but what I really want is, for example, whenever in the cell there is the "CriticalTask-" value, I want the cell background color to be red.

Thanks for the help!

Hi,

 I am trying to do the below demo :

http://demos.telerik.com/aspnet-mvc/sortable/sortable-panels

I am not interested in the panel. All I want is a div which is expandable and collapsible. ​But i don't see anything working, when i copy all the code as it is. I have tried only the div i want and tried but still it is not working. I don't see k-i-arrowhead-n , I have the latest version.  I have all css too.

Thanks,

Veena

Hello,

I use KendoMvcGrid in my webproject, i choose the option "GridEditMode.PopUp" for add and edit features. I search to not display the modification in grid when ​my popup in display.

 The above code snippet allows for selection of all text in the NumericTextBox upon focus in all browsers except the latest version of Safari on Mac OSX Yosemite (Version 10.10.5). Is there an update for this solution? Or is there an alternative solution that works for all browsers?

Hi,

My jobs are loading properly in the scheduler. And creating a job by double clicking on the scheduler and save from the popup is OK. But the problem is when I open the the newly created job and click Cancel button, nothing happens. I checked on the browser console. Error is "Uncaught TypeError: Cannot read property 'uid' of undefined"

In my case, "Job 101", "Job 10​2", "Job 10​3", "Job 104" are loading from back end. Suppose, I have just created a new job titled "Job 105" and when I open the job again by double clicking and click on Cancel button, error occurs, "Uncaught TypeError: Cannot read property 'uid' of undefined"

What am I doing wrong here?

Thanks in advance.

Hi,

Can't figure out how to format a DateTimePicker dynamically in a grid.

Sample:

Thanks