Change the title of the select control - winjs

I'm using a control in my application and I need to localize the title.
By default it shows "CHOOSE AN ITEM". How can I change it?
I tried to set the name, the title , etc..
And visual studio does not give me to possibility to look at the DOM while the select control is open.
code :
<select>
<option>option 1</option>
<option>option 2</option>
</select>

I don't think this title can be edited. The selection screen is something that comes from the OS.

Related

Greasemonkey - adjust an input field

I want to manipulate the following code so that when you click in the search box it selects all the text in the box rather than having to double click or press ctrl+A
The current code is:
<input name="sysparm_search" id="sysparm_search" placeholder="Search"
type="search" class="form-control form-control-search">
Is this possible to do with greasemonkey scripts?
The most simple way would be the following (using jQuery):
$("#sysparam_search").click(function() {
$(this).select();
});
There are some drawbacks associated with this kind of selection, though. See this topic for more details: Selecting all text in HTML text input when clicked

How to use U+E133 as an AppBarCommand.icon?

I want to use the U+E133 (or ) from the Sergoe UI Symbol font in my AppBarCommand:
<button data-win-control="WinJS.UI.AppBarCommand" data-win-options="{id:'cmdEnableMarkFriends', label:'Select', icon:'\E133'}" type="button"></button>
This icon is the same icon the mail app uses in it's AppBar to enable the selection. I already searched the web for more comprehensive enumeration list, but I couldn't find this specific icon.
Is there a name for this icon or a way to use it?
I found the name of This icon. It is bullets.

How to align an image in a xe:inputRichText (or HTML pass-through)?

I'm using the Domino 8.5.3 <xe:inputRichText> control for end-users to add web content. The control has the basic feature to add an image, but no "align" settings to float text around the image (ex. <img align="right"> ), which is so common with basic HTML.
One work-around tried is to use a 2-column table, which works, but not as well (especially, when re-sizing the window).
Any ideas for a work-around? Is there anything similar to 'Pass-thru HTML' in a inputRichText control?
Try to set toolbar style to large and then simply switch to HTML source (the last but one button) and change it whatever You like:
http://www-10.lotus.com/ldd/ddwiki.nsf/dx/CKEditor_in_XPages_in_NotesDomino_8.5.2

How to change the background color to perticular word inside a h:inputTextarea

I made a from with input text area, and the value will come from database.
value is some thing like : A 2 year notice has bean applied by mycompany with effect from 12 December 2012.
I want to hilight 12 December 2012 with some different background color.
Note: value will come dinamycally from database.
<h:inputTextarea cols="60" rows="5" id="messageId" style="margin-top:3px;"
value="#{messageBean.textMessage}" />
How can i do this? Thanks !!
Since <h:inputTextarea generates <textarea
Its impossible
Take a look at this similar questions:
Change the Color Of Certain Words In Textarea using Jquery?
And
color codes in textarea using jquery
You can use some WYSIWYG text editor
Like this one used in Primefaes Editor
Or just integrate some third party js WYSIWYG text editor , like CKEditor or TinyMCE
You also can strip all the toolbars/buttons from the editor , so it will eventually look like almost like a textarea
No it is impossible.
But you can do a trick. You can make your <h:inputTextarea component transparent by using the css property background:transparent;. Then use another colored div and place it behind the word you want to highlight. Sometimes you may need to add display:inline-block; to your highlighter div if JSF doesn't render the div with the width you give. A negative z-index may also be needed.

How to have multiples matches for a snippet in Vim's snipMate plugin (with a dropdown menu)

snipmates expands div as <div id = " "> . I want snipmate to show a dropdown menu where I can choose between div id ="" and div class="" (after creating the second one).
The documentation says:
snippet trigger A description of snippet #1
expand this text
snippet trigger A description of snippet #2
expand THIS text!
but this effectively opens a small window below where I choose a number and then press enter. But is there a way to make it a dropdown menu?
No, there isn't a way to make the current implementation use a popup menu like is used for completion. You could file a feature request against snipMate and see if the author can change it to do that, but I'm not sure that'd be easy to do.
I like to use:
<div ${1:id}="${2}">
</div>
This allows me to replace id with class when needed, then tab to the value placeholder.
This doesnt answer your question directly, but if you dont get a definite answer from others consider making two keys words for the two snippets. Something like ..
divi --> <div id=""
divc --> <div class=""

Resources