Guriddo » guriddo.support's Replies

guriddo.support

Guriddo

Forum Replies Created

Viewing 15 replies - 781 through 795 (of 1,092 total)

← 1 2 3 … 52 53 54 … 71 72 73 →

Author

Replies

April 28, 2016 at 9:56 am in reply to: jqgrid and bootstrap #125114

guriddo.support

Participant

Hello,

All features except the methods from jQueryUI modules

Kind Regards,

Will

This reply was modified 9 years, 12 months ago by guriddo.support.

Guriddo Support Team

April 28, 2016 at 9:50 am in reply to: Search is Using Index Field #125113

guriddo.support

Participant

Hello,

Thank you for the code. I understand what you want to do.
You do nothing wrong. The behavior you describe is correct.

It is not possible to meet every user requirement, but fortunately we have created a lot of events and options where almost every problem can be solved.

One possible solution is to use a custom button. The idea is to chenge the index name before calling the search and put it back after the search dilog closes.

For this purpose we will use setColProp method and recreateFilter parameter set to tru so that every time the search is open the renaming can take effect. Bellow is a code snippet.
(You will need to disable the build in search in navigator search:false)

$(&quot;#list2&quot;).navButtonAdd(&quot;#pager&quot;, 
onClickButton : function() { 
   $(&quot;#list2&quot;).setColProp(&quot;StoreName_0&quot;, {index : &quot;StoreName_0&quot;});
   // do for the other you need
   $(&quot;#list2&quot;).jqGrid(&quot;searchGrid&quot;,{
      recreateFilter: true,
      multipleSearch: true,
      closeAfterSearch: true,
      onClose : function () {
          $(&quot;#list2&quot;).setColProp(&quot;StoreName_0&quot;, {index : &quot;d0_key&quot;});
          // do for the other you need
      }
   });
});

$("#list2").navButtonAdd("#pager",

onClickButton : function() {

$("#list2").setColProp("StoreName_0", {index : "StoreName_0"});

// do for the other you need

$("#list2").jqGrid("searchGrid",{

recreateFilter: true,

multipleSearch: true,

closeAfterSearch: true,

onClose : function () {

$("#list2").setColProp("StoreName_0", {index : "d0_key"});

// do for the other you need

}

});

Kind Regards,
Will

Guriddo Support Team

April 27, 2016 at 2:04 pm in reply to: colmenu #125108

guriddo.support

Participant

Hello,

Please ignore my first post how to change the icons. It is wrog. Sorry for this.
To change the icons on colmenu you can do something like this (after loading jqGrid files:

...
$.jgrid.styleUI.Bootstrap.colmenu.icon_freeze = &quot;glyphicon-indent-left&quot;;
...

...

$.jgrid.styleUI.Bootstrap.colmenu.icon_freeze = "glyphicon-indent-left";

...

Kind Regards,
Will

Guriddo Support Team

April 26, 2016 at 10:25 am in reply to: colmenu #125107

guriddo.support

Participant

Hello,

About 3. open the ui.jqgrid-bootstrap.css and find the class .colmenu. the styling is like this:

.ui-jqgrid .ui-jqgrid-htable .colmenu {
	position:absolute;
	right:1px;
	height:100%;
	color : black;
}

.ui-jqgrid .ui-jqgrid-htable .colmenu {

position:absolute;

right:1px;

height:100%;

color : black;

}

Change it to

.ui-jqgrid .ui-jqgrid-htable .colmenu {
	position:relative;
	left:20px;
	height:100%;
	color : black;
}

.ui-jqgrid .ui-jqgrid-htable .colmenu {

position:relative;

left:20px;

height:100%;

color : black;

}

The 20px are to preserve a room for sorting icons.

About 5. Sorry that I explain it so that I think you are familiar with jqGrid.
Actually when using the jquery.jqGrid.min.js file it is not possible to see what to change. In order to have a idea, use the jquery.jqGrid.js file (not minified) and open it. Search for styleUI. you will find something like this

styleUI : {
...
	Bootstrap : {
		common : {
			disabled: &quot;ui-disabled&quot;,
			highlight : &quot;success&quot;,
			hover : &quot;active&quot;,
			cornerall: &quot;&quot;, 
			cornertop: &quot;&quot;,&amp;nbsp;
			cornerbottom : &quot;&quot;,
			hidden : &quot;&quot;,
			icon_base : &quot;glyphicon&quot;,
			overlay: &quot;ui-overlay&quot;,
			active : &quot;active&quot;,
			error : &quot;bg-danger&quot;,
			button : &quot;btn btn-default&quot;,
			content : &quot;&quot;
		},
...
		colmenu : {
			menu_widget : &#039;&#039;,
			input_checkbox : &quot;&quot;,
			filter_select: &quot;form-control&quot;,
			filter_input : &quot;form-control&quot;,
			icon_menu : &quot;glyphicon-menu-hamburger&quot;,
			icon_sort_asc : &quot;glyphicon-sort-by-alphabet&quot;,
			icon_sort_desc : &quot;glyphicon-sort-by-alphabet-alt&quot;,
			icon_columns : &quot;glyphicon-list-alt&quot;,
			icon_filter : &quot;glyphicon-filter&quot;,
			icon_group : &quot;glyphicon-align-left&quot;,
			icon_freeze : &quot;glyphicon-object-align-horizontal&quot;,
			icon_move: &quot;glyphicon-move&quot;
		}
...

styleUI : {

...

Bootstrap : {

common : {

disabled: "ui-disabled",

highlight : "success",

hover : "active",

cornerall: "",

cornertop: "",&nbsp;

cornerbottom : "",

hidden : "",

icon_base : "glyphicon",

overlay: "ui-overlay",

active : "active",

error : "bg-danger",

button : "btn btn-default",

content : ""

...

colmenu : {

menu_widget : '',

input_checkbox : "",

filter_select: "form-control",

filter_input : "form-control",

icon_menu : "glyphicon-menu-hamburger",

icon_sort_asc : "glyphicon-sort-by-alphabet",

icon_sort_desc : "glyphicon-sort-by-alphabet-alt",

icon_columns : "glyphicon-list-alt",

icon_filter : "glyphicon-filter",

icon_group : "glyphicon-align-left",

icon_freeze : "glyphicon-object-align-horizontal",

icon_move: "glyphicon-move"

}

...

the colmenu property describes the styling for the colmenu. The items which begin with icon_… set the icons for the particular menus. Change it in a way that I heva described in my previous mail

About 6. It seems really that you have missed to load some css file and I think that the ui.jqgrid-bootstrap.css is not loaded.
If you are familiar with FireFox or Chrome debug console you will see if all the needed files are loaded correct.

If you can prepare a simple example with simple data, please send it to us again with all the files (JavaScript and CSS), so that we can investigate the problem.

Thank you

Kind Regards,
Will

Guriddo Support Team

April 25, 2016 at 2:33 pm in reply to: colmenu #125100

guriddo.support

Participant

Hello,

1. The grid is independed from CSS style. Currently we support jQuery UI and Bootstrap. All the settings are stored in the common object $.jgrid.styleUI. For jQueryUi the styling is in $.jgrid.styleUI.jQueryUI property, and for Bootstrap $.jgrid.styleUI.Bootstrap. Properties under Bootstrap describes the classes and icons. To use the font awesome icon styling you will need to load the needed css files and changet the icon base. The icon base is in common property of Bootstrap and is equla to glyphicon. To change this you will need to change the base for font awesome. This can be done soething like this

...
$.jgrid.defaults.styleUI.Bootstrap.common.icon_base = &#039;fa&#039;;
...

...

$.jgrid.defaults.styleUI.Bootstrap.common.icon_base = 'fa';

...

after loading the jqgrid files.

To change any icon in the column menu locate the styleUI Bootstrap colmenu in jqgrid javascript file property and change it to the desired icons.

Note that when using font awesome you will need to change all the icons for the grid – this is not tested and maybe both iconic systems can exists together using

...
$.jgrid.defaults.styleUI.Bootstrap.common.icon_base = &#039;fa glyphicon&#039;;
...

...

$.jgrid.defaults.styleUI.Bootstrap.common.icon_base = 'fa glyphicon';

...

2. To change the icon color/size one possible solution is to

.ui-jqgrid .fa .fa-camera-retro {

/* your setting here */

}

.ui-jqgrid .fa .fa-camera-retro {

/* your setting here */

}

3. Can you please provide a example how will look this. Currently the coordinates can not be configured.

4. This is a bug and we have fixed it. Thank you.

5. Not sure that I understand this. Can you please explain it again? If you mean the texts you can access the language file and serch for the colmenu to see how to change the texts.

6. Can you please provide a example what you mean with sticky. We ask this in order to overcome some confusions. This is our example

Kind Regards,

Will

This reply was modified 9 years, 12 months ago by guriddo.support.

Guriddo Support Team

April 22, 2016 at 11:37 am in reply to: saveState & loadState with Bootstrap & Multiselect #125098

guriddo.support

Participant

Hello,

Thank you for investigations. We will check issues you have. As for the 3. We can not tell you too much – it all depend on your code realization.

Kind Regards,

Will

Guriddo Support Team

April 20, 2016 at 12:49 pm in reply to: saveState & loadState with Bootstrap & Multiselect #125089

guriddo.support

Participant

Hello,

Button is just example you can loadState and saveState the grid in any time when the dom is ready and the needed jqGrid files are loaded. I think this is not connected with the jqGrid itself – it is up toy your decision
To restore the navigator you will need to use the set the grid option storeNavOptions to true.
This is a bug (checkboxes not checked after load state) and we have fixed it.

...
.jqGrid({
...
storeNavOptions : true,
...
});
...

...

.jqGrid({

...

storeNavOptions : true,

...

});

...

Kind Regards,

Will

This reply was modified 10 years ago by admin.
This reply was modified 10 years ago by admin.
This reply was modified 10 years ago by admin.
This reply was modified 10 years ago by admin.
This reply was modified 10 years ago by admin.

Guriddo Support Team

April 15, 2016 at 2:19 am in reply to: Datetimepicker in search/filter #125080

guriddo.support

Participant

Hello,

You have set the datepicker only for editing – you use editoptioms dataInit event.

In order to use the datepicker in search form, you will need to add the same code using search options.

Another solution is to use the setDatepicker PHP method where this is by default. See here

Kind Regards,

Will

Guriddo Support Team

April 2, 2016 at 9:41 am in reply to: Multiselect Summary #125059

guriddo.support

Participant

Hello,

Glad to hear that it is working as per your requirements.

Kind Regards,

Will

Guriddo Support Team

April 2, 2016 at 9:39 am in reply to: saveState/loadState with tree grid #125058

guriddo.support

Participant

Hello,

Thank you for the feedback and the efforts.

Kind Regards,

Will

Guriddo Support Team

April 2, 2016 at 9:38 am in reply to: setRegional issue #125057

guriddo.support

Participant

Hello,

Thanks. We work on this.

Kind Regards,

Will

Guriddo Support Team

April 2, 2016 at 9:37 am in reply to: treegrid PHPsuito 5.1 Adjacency model broken? #125056

guriddo.support

Participant

Hello,

Unfortunately we can not reproduce the problem.This example uses the latest 5.1 Suito PHP version and we do not see any problem.

Could you please send us the code with sample data causing the problem?

Thank you.

Kind Regards,

Will

Guriddo Support Team

March 31, 2016 at 6:59 am in reply to: saveState/loadState with tree grid #125050

guriddo.support

Participant

Hello,

Thank you very much for the code. We have found the problem and have fixed it.

You can download the fix from GitHub.

Please, let us know if the fixed version is working as expected.

Kind Regards,

Will

Guriddo Support Team

March 30, 2016 at 2:40 pm in reply to: saveState/loadState with tree grid #125047

guriddo.support

Participant

I see what you mean. Will see this.

Regards,

Will

Guriddo Support Team

March 30, 2016 at 2:36 pm in reply to: saveState/loadState with tree grid #125046

guriddo.support

Participant

I can not find yuor demo with onselect_event (or I’m missing something)

Can you please send us the code for this?

Thank you

Regards,

Will

Guriddo Support Team

Author

Replies

Viewing 15 replies - 781 through 795 (of 1,092 total)

← 1 2 3 … 52 53 54 … 71 72 73 →