Solved

Gridview item highlight on mouse hover in UWP

Posted on 2016-08-31
2
108 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
2 Comments
 
LVL 42

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

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

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

"In order to have an organized way for empathy mapping, we rely on a psychological model and trying to model it in a simple way, so we will split the board to three section for each persona and a scenario and try to see what those personas would Do,…
This article will inform Clients about common and important expectations from the freelancers (Experts) who are looking at your Gig.
This tutorial walks through the best practices in adding a local business to Google Maps including how to properly search for duplicates, marker placement, and inputing business details. Login to your Google Account, then search for "Google Mapmaker…
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).

786 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