ToolTip hover Grid

4 posts, 0 answers
  1. Diego
    Diego avatar
    3 posts
    Member since:
    Aug 2016

    Posted 06 Sep Link to this post

    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"))
    )

  2. Ianko
    Admin
    Ianko avatar
    1535 posts

    Posted 08 Sep Link to this post

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  3. UI for ASP.NET MVC is VS 2017 Ready
  4. Diego
    Diego avatar
    3 posts
    Member since:
    Aug 2016

    Posted 08 Sep Link to this post

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

    Posted 09 Sep Link to this post

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top
UI for ASP.NET MVC is VS 2017 Ready