ToolTip hover Grid

[Diego]

Hello everybody. I have a question. As I can run a tooltip in the following code grid? the idea is to show me where I positioned the field.
Thank you!

@(Html.Kendo().Grid<ControlGAS.DataAccess.Entities.Customer>()
    .Name("GridCustomers")
        .Columns(columns =>
        {
            columns.Bound(customer => customer.Id).Title("ID").Filterable(f => f.UI("filterById")).HtmlAttributes(new { @style = "white-space: nowrap;"});
            columns.Bound(customer => customer.Denomination).Title("Nombre").Filterable(f => f.UI("filterByName")).HtmlAttributes(new { @style = "white-space: nowrap;"});
            columns.Bound(customer => customer.Code).Title("Codigo").Filterable(f => f.UI("filterByCode")).HtmlAttributes(new { @style = "white-space: nowrap;"});
            columns.Bound(customer => customer.Address).Title("Direccion").Filterable(f => f.UI("filterByAddress")).HtmlAttributes(new { @style = "white-space: nowrap;"});
            columns.Bound(customer => customer.City).Title("Ciudad").Filterable(f => f.UI("filterByCity")).HtmlAttributes(new { @style = "white-space: nowrap;"});
            columns.Bound(customer => customer.FiscalIdentification).Title("Identificacion Fiscal").Filterable(f => f.UI("filterByFiscalId")).HtmlAttributes(new { @style = "white-space: nowrap;"});
            columns.Template(customer => { }).ClientTemplate(
                "<a href=" + quote + @Url.Action("Editing", "Customer", new { customerId = "#=Id#" }) + quote + "><i class='font-size-20 icon md-edit margin-right-10' aria-hidden='true'></i></a>" + "" +
                "<a href=" + quote + @Url.Action("Editing", "Customer", new { customerId = "#=Id#" }) + quote + "><i class='font-size-20 icon md-delete margin-right-10' aria-hidden='true'></i></a>")
                .Title("Actions").Width(100);

        })
        .Scrollable()
        .Sortable()
        .Groupable()
        .Pageable()
        .DataSource(
            dataSource => dataSource
            .Ajax()
            .Read(read => read.Action("GetCustomers", "Customer"))
        )

        .Reorderable(r => r.Columns(true))
        .ClientDetailTemplateId("master")
        .Filterable(filter => filter.Mode(GridFilterMode.Row)
              .Extra(false)
              .Operators(operators => operators
                  .ForString(str => str.Clear()
                      .StartsWith("Empieza con")
                      .IsEqualTo("Igual a")
                      .IsNotEqualTo("No es igual a")

                 )
                 .ForNumber(num => num.Clear()
                      .IsEqualTo("Es igual a")
                      .IsNotEqualTo("Distindo de")
                      .IsNull("Vacio")
                      .IsLessThan("Menor a")
                      .IsGreaterThan("Mayor a"))
            )
        )
        .Events(events => events.DataBound("dataBound"))
)

[Ianko]

Hello Diego,

 

Can you check whether this how-to article answers yourt question: http://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/Layout/grid-with-kendo-ui-tooltip? 

 

If not, please elaborate more on the case by providing more details about what is the expected behavior you are after.

 

Regards,
Ianko
Telerik by Progress

[Diego]

thanks Ianco, and got it working. I make another question, as I can change the theme without using the wizard?
Thank you very much.

[Ianko]

Hello Diego,

Themes are typically handled by changing the Kendo CSS references to the page. You can read more about Kendo Themes here: http://docs.telerik.com/kendo-ui/styles-and-layout/appearance-styling. 

In MVC, resources are handled in the _Layout.cshtml file and eventually loaded with Bundle. Therefore, you should examine the _Layout.cshtml view and change the CSS references there so to match the Theme chosen. You can also refer to that article for further details:  http://docs.telerik.com/kendo-ui/aspnet-mvc/fundamentals#bundling. 

Regards,
Ianko
Telerik by Progress

[Rashad]

Hello All,

Is there any way to add tool-tips from within Razor?  This solution requires the data-grid be render via JavaScript and our solution is heavily dependent on Razor code.  

[Ianko]

Hello Rashad,

The Grid and the Tooltip widgets have MVC wrappers that can be set up using Razor code. You can see the demos here: 

https://demos.telerik.com/aspnet-mvc/grid

https://demos.telerik.com/aspnet-mvc/tooltip

And the solution discussed here can be also accomplished by using the corresponding MVC wrappers' configuration options.

If you have troubles accomplishing what you need, feel free to open a new forum thread or a support ticket with further details about the difficulties encountered.  

Regards,
Ianko
Progress Telerik