This is a migrated thread and some comments may be shown as answers.

ToolTip hover Grid

5 Answers 452 Views
ToolTip
This is a migrated thread and some comments may be shown as answers.
Diego
Top achievements
Rank 1
Diego asked on 06 Sep 2016, 07:45 PM

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

5 Answers, 1 is accepted

Sort by
0
Ianko
Telerik team
answered on 08 Sep 2016, 08:50 AM

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
0
Diego
Top achievements
Rank 1
answered on 08 Sep 2016, 07:08 PM
thanks Ianco, and got it working. I make another question, as I can change the theme without using the wizard?
Thank you very much.
0
Ianko
Telerik team
answered on 09 Sep 2016, 05:15 AM

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
0
Rashad
Top achievements
Rank 1
answered on 01 Sep 2017, 04:02 PM
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.  
0
Ianko
Telerik team
answered on 04 Sep 2017, 05:17 AM

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.
Tags
ToolTip
Asked by
Diego
Top achievements
Rank 1
Answers by
Ianko
Telerik team
Diego
Top achievements
Rank 1
Rashad
Top achievements
Rank 1
Share this question
or