Select all contents of textbox when it receives focus (Vanilla JS or jQuery)
$(document).ready(function() { $(“input:text”).focus(function() { $(this).select(); } ); });
user-interface
How to get controls in WPF to fill available space?
There are also some properties you can set to force a control to fill its available space when it would otherwise not do so. For example, you can say: HorizontalContentAlignment=”Stretch” … to force the contents of a control to stretch horizontally. Or you can say: HorizontalAlignment=”Stretch” … to force the control itself to stretch horizontally … Read more
UI Terminology: Logon vs Login [closed]
Since you’re looking for correctness, login, logout, logon, and logoff are all nouns: “Please enter your login credentials.” “I see three logons but only two logoffs from this user.” The corresponding verbs are each two words: “Please log in to see your reputation.” “You must log off and talk to a human.” Update: according to … Read more
How do I put the image on the right side of the text in a UIButton?
Simplest solution: iOS 10 & up, Swift: button.transform = CGAffineTransform(scaleX: -1.0, y: 1.0) button.titleLabel?.transform = CGAffineTransform(scaleX: -1.0, y: 1.0) button.imageView?.transform = CGAffineTransform(scaleX: -1.0, y: 1.0) Before iOS 10, Swift/Obj-C: button.transform = CGAffineTransformMakeScale(-1.0, 1.0); button.titleLabel.transform = CGAffineTransformMakeScale(-1.0, 1.0); button.imageView.transform = CGAffineTransformMakeScale(-1.0, 1.0); iOS 9 & up, Swift: (Recommended) button.semanticContentAttribute = .forceRightToLeft
Left align and right align within div in Bootstrap
2021 Update… Bootstrap 5 (beta) For aligning within a flexbox div or row… ml-auto is now ms-auto mr-auto is now me-auto For text align or floats.. text-left is now text-start text-right is now text-end float-left is now float-start float-right is now float-end Bootstrap 4+ pull-right is now float-right text-right is the same as 3.x, and … Read more
How can I change the thickness of my tag
For consistency remove any borders and use the height for the <hr> thickness. Adding a background color will style your <hr> with the height and color specified. In your stylesheet: hr { border: none; height: 1px; /* Set the hr color */ color: #333; /* old IE */ background-color: #333; /* Modern Browsers */ } … Read more
Navigation Drawer (Google+ vs. YouTube)
Edit #3: The Navigation Drawer pattern is officially described in the Android documentation! Check out the following links: Design docs can be found here. Developer docs can be found here. Edit #2: Roman Nurik (an Android design engineer at Google) has confirmed that the recommended behavior is to not move the Action Bar when opening … Read more
Is functional GUI programming possible? [closed]
The Haskell approach seems to be to just wrap imperative GUI toolkits (such as GTK+ or wxWidgets) and to use “do” blocks to simulate an imperative style That’s not really the “Haskell approach” — that’s just how you bind to imperative GUI toolkits most directly — via an imperative interface. Haskell just happens to have … Read more
How do I display the current value of an Android Preference in the Preference summary?
There are ways to make this a more generic solution, if that suits your needs. For example, if you want to generically have all list preferences show their choice as summary, you could have this for your onSharedPreferenceChanged implementation: public void onSharedPreferenceChanged(SharedPreferences sharedPreferences, String key) { Preference pref = findPreference(key); if (pref instanceof ListPreference) { … Read more
What is Linux’s native GUI API?
In Linux the graphical user interface is not a part of the operating system. The graphical user interface found on most Linux desktops is provided by software called the X Window System, which defines a device independent way of dealing with screens, keyboards and pointer devices. X Window defines a network protocol for communication, and … Read more