i am using jqgrid to present a grid ,
i whould like to custom the sorting icons ,
we have a CMS and the content (include the arrows ) is controled by our clients.
however i don't have a problem doing it either by CSS or by code(js).
currently i see fixed arrows that are presented ,and the only thing i could custom is the possion and the apperance (vertical /horizinal) .
my needs :
1.sperate icons for asc and desc(that will be coustom images).
2.present one icon each click (tougle between the icons )
many thanks
The grid receives the icons from the jQuery UI Theme that your page is using. So you might be able to override the grid's CSS classes to achieve your solution. The icons used for sorting have the classes ui-icon-triangle-1-n and ui-icon-triangle-1-s.
Related
The look and feel of a v-overflow-btn component is same as a select component. Both serve the same purpose: Selecting items from a list. Is there anything special in the overflow button component? How is it different from the select menu?
v-overflow-btn is a styled version of v-select for use in toolbars, to match https://material.io/archive/guidelines/components/buttons.html#dropdown-buttons-figure-caption-1
Only the segmented variant actually has different behaviour than v-select, where the left section behaves as a normal button and the action taken on click can be preselected from the dropdown. You've probably used a control like this before as MS Word's font color selector.
I'm a little confused on how to get this working. Simply put, I want to replicate the functionality found here: http://codenegar.com/woocommerce-ajax-product-filter/shop/
Specifically, I want the ability to filter products using a range slider -- just like price -- but with my own custom attributes.
I've looked into using the YITH WooCommerce Ajax Navigation plugin -- but it only allows lists, colors, and dropdowns (no range sliders)
This codenegar plugin is exactly what I want -- but it seems it's no longer available for purchase.
I also looked at the default Layered Navigation Widget -- but to no avail.
What gives? Is there any commercially available plugin I can use?
For what it's worth -- I'm using the Sistina theme from http://yithemes.com/
Thanks! -Josh
You can try this one - https://wordpress.org/plugins/woocommerce-ajax-filters/
It is well supported and updates are often.
Features:
No reloading, only ajax
Slider, radio or checkbox
No spamming with widgets in admin, 1 widget - multiple instances
Filter visibility by product category. Different categories pages = different ( + global ) filters. One shop for everything
Filter box height limit with scroll themes
Working great with custom widget area
Unlimited filters by product attributes
I'm also looking for this plugin, I think it will have to be built manually.
This looks like something similar, however there is no demo, so we cant be sure it does what it says.
http://www.diczo.com/product/woocommerce-ajax-product-filter-wordpress-plugin
I need to create a photo gallery and each individual photo when selected will have some options to edit. For this am using NSCollectionView to set up the grid layout. I followed this guide and the basic grid layout is setup.
Now I need to enable selection of these images. So that when I click on them it gets a check mark, and later I need to enable batch processing of these images(copy/delete ...).
I am stuck here, and couldnt get any info on how to handle selection and later get the selected items from the grid ?
We are using Kendo UI grid to display some records. The requirements need us to have a column (Say "File Name")shown as a text box when the user clicks on "Edit".
However, when user clicks on the "Create" button in the toolbar, the same column should be replaced with a File Select control which will allow the user to select a file from his machine. The other columns remain the same.
I have already tried searching through Stack Overflow as well as the Kendo UI Grid forums, but to no avail.
Is there any way to achieve this? Any pointers will be of great help.
Regards,
Nikhil
Using different editor templates for create/edit is not supported. You need to use the edit event of the Grid to change that text input to file input with JavaScript. To distinguish between edit and create you can use the isNew() method of the model.
i.e.
edit:function(e){
if(e.model.isNew()){
//replacement logic
}
}
Similar question is covered here.
in JQGrid 3.8, is it possible to have an icon instead of text in a column ?
I don't think it's possible but if you have a trick, i'd be happy
There are many ways to add icons in the grid. First way is: the data which be placed in the column header (colNames) or inside of the cell data could be HTML data. So you can easy insert the <img> element in the grid. One more method is th use custom formatters. See here some demos. If the standard jQuery UI icons contain all the icons which you need I would recommend you to use there.