Jump to content


Photo

Bootstrap Theme

Bootstrap theme

  • Please log in to reply
17 replies to this topic

#1 David Oliveira

David Oliveira

    Active Member

  • uniGUI Subscriber
  • PipPipPip
  • 61 posts

Posted 20 May 2014 - 12:26 PM

Configuration is always easy

 

Attached Files


  • 3

#2 Ulugbek

Ulugbek

    Advanced Member

  • Banned
  • PipPipPipPip
  • 152 posts
  • LocationTashkent Uzbekistan

Posted 20 May 2014 - 12:49 PM

sample please screenshot


  • 0

#3 Guillermo E. Paulino

Guillermo E. Paulino

    Advanced Member

  • Members
  • PipPipPipPip
  • 171 posts

Posted 20 May 2014 - 01:23 PM

as I set it up?


  • 0

#4 brunotoira

brunotoira

    Member

  • Members
  • PipPip
  • 37 posts

Posted 21 May 2014 - 08:41 AM

a


  • 0

#5 Guillermo E. Paulino

Guillermo E. Paulino

    Advanced Member

  • Members
  • PipPipPipPip
  • 171 posts

Posted 29 September 2014 - 03:21 PM

How about a theme extjs-theme-bootstrap?


  • 0

#6 Hayri Aslan

Hayri Aslan

    Advanced Member

  • Moderators
  • 430 posts
  • Locationİstanbul - Turkey

Posted 29 September 2014 - 04:36 PM

screenshot.png


  • 0

#7 Guillermo E. Paulino

Guillermo E. Paulino

    Advanced Member

  • Members
  • PipPipPipPip
  • 171 posts

Posted 29 September 2014 - 05:27 PM

as I can apply the theme in unigui ?? boostrap


  • 0

#8 CastleSoft

CastleSoft

    Advanced Member

  • uniGUI Subscriber
  • PipPipPipPip
  • 153 posts

Posted 02 October 2014 - 06:00 AM

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.

 

 

 

 

 

Attached Files


  • 3

#9 Ronny Encarnacion

Ronny Encarnacion

    Advanced Member

  • uniGUI Subscriber
  • PipPipPipPip
  • 507 posts

Posted 29 January 2015 - 01:39 PM

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


  • 0

Ronny Encarnacion


#10 chefdackel

chefdackel

    Advanced Member

  • uniGUI Subscriber
  • PipPipPipPip
  • 169 posts
  • LocationGermany

Posted 30 January 2015 - 11:44 AM


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:

 

Attached File  gridnav.jpg   13.48KB   277 downloads

 

2. unispeedbutton:

 

Attached File  button.jpg   7.09KB   259 downloads

 

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

 

brfc


  • 0

#11 Shagrath

Shagrath

    Newbie

  • Members
  • Pip
  • 1 posts

Posted 11 February 2016 - 11:23 PM

Configuration is always easy

thanks


  • 0

#12 dalison

dalison

    Newbie

  • Members
  • Pip
  • 1 posts

Posted 11 February 2016 - 11:45 PM

Configuration is always easy

thanks


  • 0

#13 herculanojs

herculanojs

    Advanced Member

  • uniGUI Subscriber
  • PipPipPipPip
  • 300 posts
  • LocationCuiabá-Brasil

Posted 13 May 2016 - 04:10 PM

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?

  • 0

#14 mika

mika

    Advanced Member

  • uniGUI Subscriber
  • PipPipPipPip
  • 108 posts

Posted 16 May 2016 - 05:24 AM

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


  • 0

#15 md9projetos

md9projetos

    Advanced Member

  • uniGUI Subscriber
  • PipPipPipPip
  • 131 posts
  • LocationSao Paulo- Brazil

Posted 09 August 2016 - 12:38 PM

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[I]);

    //add custom themes

    ThemeComboBox.Items.Add('bootstrap');

end;


  • 0

#16 Bertifox

Bertifox

    Member

  • Members
  • PipPip
  • 23 posts
  • LocationLa Serena, Chile

Posted 24 June 2017 - 10:45 PM

 
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;

  • 0

#17 Bertifox

Bertifox

    Member

  • Members
  • PipPip
  • 23 posts
  • LocationLa Serena, Chile

Posted 24 June 2017 - 11:29 PM

Changing Theme at runtime will cause a session restart if RecallLastTheme is True in MainModule.

 

:D 


  • 0

#18 Shezhian

Shezhian

    Newbie

  • Members
  • Pip
  • 1 posts

Posted 09 July 2017 - 12:05 AM

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


  • 0





Also tagged with one or more of these keywords: Bootstrap, theme

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users