Jump to content

Azzurra Theme from Unigui


Recommended Posts

Hi,

i add my project but i not see window title.

 

Hi! You need to include the "azzurra.js" to ServerModule in custom files, such as:

 

 

procedure TUniServerModule.UniGUIServerModuleCreate(Sender: TObject);
begin
  UniServerModule.CustomFiles.Add('ext-' + ExtJSVersion + '/resources/ext-theme-azzurra/js/azzurra.js');
end;
Link to comment
Share on other sites

 

Dont work...

Put in ServerModule 

ext-4.2.1.883/resources/ext-theme-azzurra/js/azzurra.js

 

Extract files to ...FMSoft\Framework\uniGUI\ext-4.2.1.883\resources

 

And when i run app, dont change to azzurra theme...

 

 

 

Hi Bruno! Change the Theme property in your MainModule for: azzurra

Link to comment
Share on other sites

  • 1 year later...
  • 5 weeks later...
  • 2 months later...



I have one question, if you can help me .

I would have to select the color for the theme in objects unigui

example Source Ext:
source: http://dox.codaxy.com/ext5-themes/Getting-Started#ui-styles
var panel = Ext.widget('panel', {
title: 'Panel with UI',
ui: 'blue-panel', <<<<<<======== here
frame: true,
height: 150,
width: 300,
buttons: [{
text: 'Button',
ui: 'orange-button' <<<<<<========
}]
});


Link to comment
Share on other sites

  • 9 months later...
  • 4 months later...

help,

the default theme is not applied by azzurra.js when the application is working with uniservermoduke.mainformdisplaypage = mfPage but it's ok with mfwindow.

extract of js :

Ext.define('Ext.window.WindowActiveCls', {
    override: 'Ext.window.Window',

    statics: {
        _activeWindow: null
    },

    shadow: false,
    ghost: false,
    ui: 'blue-window-active',
    border: false,
    setActive: function (active, newActive) {

        this.callParent(arguments);

        var me = this;

        if (!me.el)
            return;

        if (Ext.getVersion().version >= '4.2.2.1144') {
            if (me.id.indexOf('window') == 0 && me.id.indexOf('-ghost') > 0)
                return;
        }

        var paw = Ext.window.Window._activeWindow;

        if (active) {
            me.addCls('x-window-active');
            
            Ext.window.Window._activeWindow = me;

            if (paw && paw != me && paw.el) {
                paw.removeCls('x-window-active');
            }
        } else {
            if (me!=paw)
                me.removeCls('x-window-active');
        }
    }
});

How can i modify js for mfpage mode ?

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...