In Polymers, to display icons on our page we can use the following
<paper-icon-button icon="delete"></paper-icon-button>
The icon comes from iron-icons.
Now, in example, I am using delete icon to show trash-bin icon.
Is there is any documentation where I can see the icons list and their names used?
for example:
Trash bin = 'delete'
I went through the below link, but couldn't found out what I was looking for https://www.webcomponents.org/element/PolymerElements/iron-icons
There is a "Demo" link on the left.
Here is a direct link to it:
https://www.webcomponents.org/element/PolymerElements/iron-icons/demo/demo/index.html
There is a searchable list of iron-icons now available at this URL:
Searchable Iron Icons List
It will load an entire icon set even if you only use one of its icons in your application. You can generate your own Iconset from the list provided here and use only the icons your application needs.
I think this is for you. A demo page with all actual iron-icons set: https://elements.polymer-project.org/bower_components/iron-icons/demo/index.html
Related
This is the Wikipedia search engine API Project i'v been working on --> https://codepen.io/Mike-was-here123/full/zPxQob/
i append the search results to the ul (id="result"). I use this code:
$("#result").append("</li><a href='"+data[3][i]+"'<div class='presentDiv'><h5 class='present'>"+data[1][i]+"</h5><h5 class='desc'>"+data[2][i]+"</h5></div></a></li>")
Now if you go to search something, it pushes the description, link, and title but for some reason none of my class work. How can i get them to work?
this may work small change i.e, closing anchor tag before div opens
$("#result").append("</li><a href='"+data[3][i]+"'><div class='presentDiv'><h5 class='present'>"+data[1][i]+"</h5><h5 class='desc'>"+data[2][i]+"</h5></div></a></li>")
I have tried to add a rich text editor to my application. I'm using nicEdit.
bkLib.onDomLoaded(function() {
nicEditors.editors.push(new nicEditor().panelInstance(document.getElementById('single_answer_description')));
});
I added this part to convert my normal textarea to a richtext editor. It looks fine:
What I want to do now is to only show some of the icons like B, I, U. I don't want all the icons. How can I hide those? I also want to set font family by default inside the rich text editor content.
I tried to search so many links but I couldn't get any proper solution for this issue. Please help me to get out of this issue. Thanks in advance.
As per the documentation
You can add an array of the buttons you want when you instantiate the object.
bkLib.onDomLoaded(function() {
nicEditors.editors.push(
new nicEditor({buttonList:['bold','italic']}).panelInstance(document.getElementById('single_answer_description')));
});
I would like to use ShareThis on my site and add multiple buttons for the same service to share multiple objects. This is possible but I could only get the buttons to be in one of the default styles. How can I add buttons through javascript and still get them with a customized image?
stWidget.addEntry({
"service":"facebook",
"element": $('.fb_custom').get(1),
"url":"http://sharethis.com",
"title":"sharethis",
"type":"large", // one of the default styles
"text":"ShareThis" ,
"image":"http://www.softicons.com/download/internet-icons/social-superheros-icons-by-iconshock/png/256/sharethis_hulk.png", // image TO BE SHARED
"summary":"this is description1"
});
No problem, using type="custom" did the trick..wasn't on the doc, at least I couldn't find it!
Just create new buttons and put them on your server. Like
this:
"image":"http://www.MYOWNSERVER.com/images/myart.png
First of all this is how the script works: jsfiddle
The 'searchList' setting specifies the content that will be searched. In this case it is searchable tr. Finally, the 'searchItem' setting allows to dive in and specify an individual element to search. In this case, I use 'td'.
In this fiddle
I have a list of thumbnail images with some informations, what I want to do is to be able to search for "something" and then to show the image and the text related to that specific thumbnail.
Hope you understand what I'm trying to achieve.
Out on a limb, but your selector for searchList looks wrong:
'searchList' : '.imgscontainer portfolio-v6-items ',
Surely that second class should have a dot before it, and they're on the same element, so no space:
class="imgscontainer portfolio-v6-items"
Is it possible to add navigation items to the "top pager" in a jqGrid? And if so, what's the syntax for doing so?
I have an HTML snippet on my page that looks like this
<table id="mygrid">
</table>
<div id="mygrid_pager"></div>
And then an jqGrid initialization that looks something like this
$('#mygrid').jqGrid({
..., //full config string removed for brevity,
pager:jQuery('#mygrid'),
toppager:true
});
$('#mygrid').jqGrid('navGrid', '#mygrid_pager'),{
'add':false,
'del':false,
'edit':false,
'search':false,
'refresh':false,
'cloneToTop':true,
}).navButtonAdd('',{...}); //config navbutton string for button removed for brevity
A "top pager" with the id of #mygrid_toppager is automatically inserted into the page, but its custom buttons (which appear on the bottom pager) don't come along for the ride.
I see that there's a "cloneToTop" option included for the navGrid, but its description seems confusing, and I can only assume I'm using it wrong.
Clones all the actions from the bottom pager to the top pager
if defined. Note that the navGrid can be applied to the top
pager only. The id of the top pager is a combination of grid id and
"_toppager"
My understanding of the option is it will take buttons added to the bottom pager, and clone them to the top. However, the description then goes on to say "the navGrid can be applied to the top pager only, which doesn't make any sense since you're cloning it. The pont being, I clearly have a deep misunderstanding of how the API is supposed to be used.
If anyone can point me in the right direction (even just to a working example somewhere) I'd appreciate it. I'd prefer to do this through official APIs, as opposed to clever DOM manipulation, as seen elsewhere on StackOverflow.
OK, it seems that I found a way which looks like better. The idea is to use navButtonAdd with the "#list_toppager_left" instead of "#pager".
I modified the old answer so, that one custom button are added on the top of the navigation toolbar together with one standard button. Other elements from the top navigation toolbar will be removed. The results will looks like
You can see the corresponding demo live here.