ToolTip hover Grid

6 posts, 0 answers
  1. Diego
    Diego avatar
    5 posts
    Member since:
    Aug 2016

    Posted 06 Sep 2016 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
    1729 posts

    Posted 08 Sep 2016 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. Diego
    Diego avatar
    5 posts
    Member since:
    Aug 2016

    Posted 08 Sep 2016 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.
  4. Ianko
    Admin
    Ianko avatar
    1729 posts

    Posted 09 Sep 2016 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
  5. Rashad
    Rashad avatar
    1 posts
    Member since:
    Dec 2016

    Posted 01 Sep Link to this post

    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.  
  6. Ianko
    Admin
    Ianko avatar
    1729 posts

    Posted 04 Sep Link to this post

    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
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top