Solved

Gridview item highlight on mouse hover in UWP

Posted on 2016-08-31
2
149 Views
Last Modified: 2016-09-03
Hello,

My UWP project contains a gridview. Is there anyway to highlight gridview items like a little pop on mouse hover? I can't seem to find a way to do it.. Please help.

Thanks and regards.
0
Comment
Question by:Soumen Roy
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 43

Accepted Solution

by:
zephyr_hex (Megan) earned 500 total points
ID: 41778266
I'm not exactly sure what you mean by "highlight like a pop", but I'll give you a few options.

GridView renders as an HTML table.  You can use CSS to achieve your mouseover effect.

This will enlarge the text inside a cell:
table td:hover {
  font-size: 3em;
}

Open in new window


This will change the background color inside a cell:
table td:hover {
  background-color: purple;
}

Open in new window


Here is a Fiddle Demo.
0
 

Assisted Solution

by:Soumen Roy
Soumen Roy earned 0 total points
ID: 41782606
The code is in xaml and c#.. I found my way around though.. Thank you..
0

Featured Post

Webinar: Aligning, Automating, Winning

Join Dan Russo, Senior Manager of Operations Intelligence, for an in-depth discussion on how Dealertrack, leading provider of integrated digital solutions for the automotive industry, transformed their DevOps processes to increase collaboration and move with greater velocity.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Get to know the ins and outs of building a web-based ERP system for your enterprise. Development timeline, technology, and costs outlined.
Developer portfolios can be a bit of an enigma—how do you present yourself to employers without burying them in lines of code?  A modern portfolio is more than just work samples, it’s also a statement of how you work.
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

737 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question