What would you like next in Hint.css?

62 views
Skip to first unread message

kushagra gour

unread,
Jul 28, 2013, 4:16:10 PM7/28/13
to hin...@googlegroups.com
I am looking for cool new feature suggestions for hint.css. So anyone of you have an amazing thing you were wanting the library to have, speak now.

Hoping to see some interesting comments.

Cheers!

Tim Taubitz

unread,
Aug 12, 2013, 1:34:04 PM8/12/13
to hin...@googlegroups.com
I have some suggestions:

-> A configurable hint size
-> A hint that disappears a few seconds after the cursor leaves the object
-> Hints with more than one text line

Hope, a few of them are realisable.


Yours faithfully, 

Tim T.

Deos

unread,
Aug 20, 2013, 7:27:04 AM8/20/13
to hin...@googlegroups.com
A configurable hint size is the main necessity

воскресенье, 28 июля 2013 г., 23:16:10 UTC+3 пользователь kushagra gour написал:

Jonathan Nash

unread,
Oct 13, 2013, 3:29:16 PM10/13/13
to hin...@googlegroups.com
I would love the ability to make hint text conditional on something.  So, in a form, if a field contains one value the text would be one thing and if the field contains something else, the text could be different.

Tim Taubitz

unread,
Oct 13, 2013, 6:31:17 PM10/13/13
to hin...@googlegroups.com
You can use JavaScript for this.

Here is an example:
<html>
<head>
<script type="text/javascript">
function Update()
{
if( statement )
{
document.getElementById( 'foo' ).setAttribute( 'data-hint' , text1 );
}
else
{
document.getElementById( 'foo' ).setAttribute( 'data-hint' , text2 );
}
}
</script>
</head>
<body>
<p class="hint--top" data-hint="something" onkeyup="Update()" id="foo">bar</p>
</body>
</html>

Mark Stewart

unread,
Dec 13, 2013, 4:12:57 PM12/13/13
to hin...@googlegroups.com
Hints' liquid layout ? attr [mouse:after || display:before] ? absolute/fixed(relative) title span maybe...
reBUILD
width: 50% (of page, centered and responsive ??

Daniel Mores

unread,
Feb 20, 2014, 5:21:09 AM2/20/14
to hin...@googlegroups.com
I'd like to be able to add links in the hint.
Just started using it for an eLearning type of site and we sometimes have to quote sources. Would be nice if the hint would stick around long enough to be able to move over and click on a link.

Salim Ansari

unread,
Jun 13, 2014, 1:14:56 PM6/13/14
to hin...@googlegroups.com
Smart Placement

Glen Banta

unread,
Aug 31, 2014, 3:36:27 AM8/31/14
to hin...@googlegroups.com
Thought I'd share...

/**
 * source: ????.scss
 *
 * Defines a fixed width and line wrapping tooltip.
 *
 * Classes added:
 * 	1) hint--250
 * 	1) hint--150
 *
 */
.hint--150:after {
	line-height: 1.3em !important;
	min-width: 150px !important;
	max-width: 150px !important;
	white-space: normal !important;
}
 
.hint--250:after {
	line-height: 1.3em !important;
	min-width: 250px !important;
	max-width: 250px !important;
	white-space: normal !important;
}


On Sunday, July 28, 2013 1:16:10 PM UTC-7, kushagra gour wrote:
Reply all
Reply to author
Forward
0 new messages