Jump to content
uniGUI Discussion Forums

Recommended Posts

Bootstrap theme in UniGui Howto:

 

** This has only had 10sec of testing **

 

1) Unzip the 'bootstrap-unigui-ready.zip' file, it contains a css and ext-theme-bootstrap folder

2) Copy the css contents into your c:\program files (x86)\fmsoft\Framework\uniGui\ext-4.2.2.11144\resource\css' folder.

3) Copy the ext-theme-bootstrap folder into your 'c:\program files (x86)\fmsoft\Framework\uniGui\ext-4.2.2.11144\resource' folder

4) Select your 'MainModule' and type 'bootstrap into the Theme field.

 

That should be it (when you deploy you will need to copy the css & ext-theme-bootstrap folders.)

 

No warranty. A button/checkbox/page control appear to have the new look.

 

 

 

 

 

post-14-0-88359400-1412229188_thumb.png

bootstrap-unigui-ready.zip

post-14-0-92563100-1412229248_thumb.png

  • Upvote 3

Share this post


Link to post
Share on other sites

Hi, I'm testing Bootstrap and it look very good the only problem is with the Checkbox in the DbGrid.

The Check box disappear but when as change back to blue theme the Check box appear normal.

Any Idea or Suggestions ?

Thanks

Share this post


Link to post
Share on other sites

1) Unzip the 'bootstrap-unigui-ready.zip' file, it contains a css and ext-theme-bootstrap folder

2) Copy the css contents into your c:\program files (x86)\fmsoft\Framework\uniGui\ext-4.2.2.11144\resource\css' folder.

3) Copy the ext-theme-bootstrap folder into your 'c:\program files (x86)\fmsoft\Framework\uniGui\ext-4.2.2.11144\resource' folder

4) Select your 'MainModule' and type 'bootstrap into the Theme field.

 

 

looks great. Two things in my application where the bootstrap theme does not show elements like expected: 

 

1. navigation buttons in grids:

 

post-254-0-10937200-1422618172_thumb.jpg

 

2. unispeedbutton:

 

post-254-0-02409600-1422618187_thumb.jpg

 

The unispeedbutton can be replaced with another control, but any suggestion for the grid navigation buttons?

 

brfc

Share this post


Link to post
Share on other sites
Help me!

Based on extjs-theme-bootstrap-master.zip file

 

- I copied the file: ext-all-bootstrap.css for CSS folder to ext-4.2.5.1763 \ resources \ css.

- I copied all the ext-theme-ext-bootstrap folder to 4.2.5.1763 \ resources

 

However the thema not appear in MainModule \ Theme.

 

What should I do yet?

Share this post


Link to post
Share on other sites

It's not suppose to show up in object inspector. You just write theme name to object inspector in main module -> theme property.

Share this post


Link to post
Share on other sites

Or if you´re using the samples to get started.

procedure TMainForm.GetThemes;
var
  S : TUniStringArray;
  I : Integer;
begin
  S := UniServerModule.ThemeManager.AllThemes;

  ThemeComboBox.Items.Clear;
  for I := Low(S) to High(S) do
    ThemeComboBox.Items.Add(S);

    //add custom themes

    ThemeComboBox.Items.Add('bootstrap');

end;

Share this post


Link to post
Share on other sites
 

To change the theme, just assign it in the onchange event of the combobox? I have the following code but this does not make the change.



procedure TMainForm.ThemeComboBoxChange(Sender: TObject);
begin
UniMainModule.Theme:=ThemeComboBox.Text;
end;

Share this post


Link to post
Share on other sites

I tried it.  Seen very nice.  But some are being seen much bigger.  Especially date and time picker.

Share this post


Link to post
Share on other sites

×