Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
TIWjQDBGrid changing UI
#1
I have this issue wich I think is a bug.
I have a simple form in Bootstrap 3 and all is ok until I add a TIWjQDBGrid component on it.
As can be seen on the attached images, img01 is correct like it should, but img02 is not. The buttons are not flat as img01. 
They are kind of with some elevation.

Anyone with this?

Ok, if I change TIWjQDBGrid.UI from uiBootstrap (default) to uiJQuery, everything works as it should.
Is this normal behaviour?


Attached Files Thumbnail(s)
       
Reply
#2
And How can I change the language of the grid's pager from English to what ever I want?
Reply
#3
> Ok, if I change TIWjQDBGrid.UI from uiBootstrap (default) to uiJQuery, everything works as it should.
> Is this normal behaviour?

I believe that this is caused by conflicting Bootstrap themes (CSS) associated with the grid and the bootstrap theme.

Are you using std Boostrap theme or some custom Bootstrap based template? If so, can you please provide a working test case so I can check the CSS files being used?
Reply
#4
(07-19-2021, 07:31 AM)Alexandre Machado Wrote: > Ok, if I change TIWjQDBGrid.UI from uiBootstrap (default) to uiJQuery, everything works as it should.
> Is this normal behaviour?

I believe that this is caused by conflicting Bootstrap themes (CSS) associated with the grid and the bootstrap theme.

Are you using std Boostrap theme or some custom Bootstrap based template? If so, can you please provide a working test case so I can check the CSS files being used?

Standard Bootstrap.
Reply
#5
I'll update the jQGrid CSS files to the same version as IWBootstrap 3 (3.4.1) used in IW and see if it fixes it.

Are you using local CSS files for your bootstrap application or any CDN?
Reply
#6
Please try IW 15.2.33 (just released). We are now using the same files for both IWBootstrap and IWjQGrid, so there should be no conflicts.

Please let me know how it goes.
Reply
#7
(07-25-2021, 06:02 AM)Alexandre Machado Wrote: Please try IW 15.2.33 (just released). We are now using the same files for both IWBootstrap and IWjQGrid, so there should be no conflicts.

Please let me know how it goes.


No, the same. After open a form with a TIWjQDBGrid component with UI property set to uiBootstrap, all the button will change their appearence.

If I even open a modal form with a TIWjQDBGrid and than close it, the parent form will change the button appearence, without doing nothing.


(07-25-2021, 12:00 AM)Alexandre Machado Wrote: I'll update the jQGrid CSS files to the same version as IWBootstrap 3 (3.4.1) used in IW and see if it fixes it.

Are you using local CSS files for your bootstrap application or any CDN?


No.

I'm loading bootstrap files from https://cdnjs.cloudflare.com

That's what I'm loading:

  // Carregamento das livrarias do Bootstrap
  gIWBSLibJQueryJs := 'https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js';

  gIWBSLibBootstrapCss := 'http://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css';
  gIWBSLibBootstrapJs := 'http://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js';

  gIWBSLibIWBSCss := 'https://cdn.rawgit.com/kattunga/IWBootstrapFramework/v2.0beta5/demo/bin/wwwroot/iwbs/iwbs.css';
  gIWBSLibIWBSJs := 'https://cdn.rawgit.com/kattunga/IWBootstrapFramework/v2.0beta5/demo/bin/wwwroot/iwbs/iwbs.js';

  gIWBSLibPolyFillerJs := 'https://cdnjs.cloudflare.com/ajax/libs/webshim/1.16.0/minified/polyfiller.js';

  gIWBSLibDynamicTabsCss := 'https://cdn.rawgit.com/kattunga/Bootstrap-Dynamic-Tabs/v2.1/bootstrap-dynamic-tabs.css';
  gIWBSLibDynamicTabsJs := 'https://cdn.rawgit.com/kattunga/Bootstrap-Dynamic-Tabs/v2.1/bootstrap-dynamic-tabs.js';

  gIWBSLibSummerNoteCss := 'https://cdn.rawgit.com/summernote/summernote/v0.8.2/dist/summernote.css';
  gIWBSLibSummerNoteJs := 'https://cdn.rawgit.com/summernote/summernote/v0.8.2/dist/summernote.js';

  IWBSAddGlobalLinkFile('https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.18/css/bootstrap-select.min.css');
  IWBSAddGlobalLinkFile('https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.18/js/bootstrap-select.min.js');  
  // FIM - Carregamento das livrarias do Bootstrap

Should I use any other locations?

UPDATE:
Change it like this:

  gIWBSLibJQueryJs := 'https://cdn.jsdelivr.net/npm/jquery@3/dist/jquery.min.js';

  gIWBSLibBootstrapCss := 'https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/css/bootstrap.min.css';
  gIWBSLibBootstrapJs := 'https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/js/bootstrap.min.js';

  gIWBSLibPolyFillerJs :=  'https://cdn.jsdelivr.net/npm/webshim@1.16.0/js-webshim/minified/polyfiller.min.js';

  gIWBSLibIWBSCss :=        'https://cdn.jsdelivr.net/gh/kattunga/IWBootstrapFramework@v2.0beta5/demo/bin/wwwroot/iwbs/iwbs.css';
  gIWBSLibIWBSJs :=        'https://cdn.jsdelivr.net/gh/kattunga/IWBootstrapFramework@v2.0beta5/demo/bin/wwwroot/iwbs/iwbs.js';

  gIWBSLibDynamicTabsCss := 'https://cdn.jsdelivr.net/npm/bootstrap-responsive-tabs@2.0.3/dist/css/bootstrap-responsive-tabs.css';
  gIWBSLibDynamicTabsJs :=  'https://cdn.jsdelivr.net/npm/bootstrap-responsive-tabs@2.0.3/dist/js/jquery.bootstrap-responsive-tabs.min.js';

  gIWBSLibSummerNoteCss :=  'https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.css';
  gIWBSLibSummerNoteJs :=  'https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.js';

  IWBSAddGlobalLinkFile('https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.18/dist/css/bootstrap-select.min.css');
  IWBSAddGlobalLinkFile('https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.18/dist/js/bootstrap-select.min.js');
Reply
#8
(07-25-2021, 06:02 AM)Alexandre Machado Wrote: Please try IW 15.2.33 (just released). We are now using the same files for both IWBootstrap and IWjQGrid, so there should be no conflicts.

Please let me know how it goes.

UPDATE: If TIWjQDBGrid.RenderCDNFiles to Flase, everything works ok with the appearence but the grid doesn't do the goAutoGridWidth neither goAutoColumnWidth of the Options property.

UPDATE1: Well, it was happen this way because I add it on an invisible TIWBSRegion. Had to set it to True and all is ok this way.

UPDATE2: Well, this is kind of a mess. If I set TIWjQDBGrid.RenderCDNFiles to Flase on a modal form, the grid doesn't show at all. Messy!!!!!!!!!!!
Reply
#9
Are you using local files?

If so, your files are outdated. Delete them and use CDN files, or download the same files pointed by the new CDN addresses.

Anything from the old "Katunga" repo is oudated.
Reply
#10
All addresses you pointed out are wrong.

What IWBootstrap version is that? The new version released with IW 15.2.33 doesn't reference those files anymore.
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)