Page 1 of 1

Theme and Colors

PostPosted: 24 Nov 2016 11:41
by etwoss
Hi

Just testing the demo of this component.

1) It look's to me the text is not in the same font as the Theme is
2) Can i change the color of the buttons?
3) the ÿou clicked the OK button in in green, dont' see this setting, it's based on Type as i can see , can i change this?

Code: Select all
procedure TIWForm1.JQNotyOkClick(Sender: TObject; AParams: TStringList);
begin
  JQNotificationNoty.JQNotificationNotyOptions.CloseNotification;
  JQNotificationNoty.JQNotificationNotyOptions.Buttons.Clear;
  JQNotificationNoty.JQNotificationNotyOptions.Type_:= jqnntSuccess;
  JQNotificationNoty.JQNotificationNotyOptions.Text:= 'You clicked "Ok" button!';
  JQNotificationNoty.JQNotificationNotyOptions.ShowNotification;
end;


Eric

Re: Theme and Colors

PostPosted: 24 Nov 2016 16:42
by assapan
Have a look in css/noty or css/freeow depending of which one you use

Re: Theme and Colors

PostPosted: 24 Nov 2016 16:53
by assapan
have a look also to plugin documentation and demo , right click on component "plugin documentation"

Re: Theme and Colors

PostPosted: 24 Nov 2016 17:44
by Alexander Bulei
Hi,

JQNotification component have own & independent styles...

Have a look in css/noty or css/freeow depending of which one you use


Exactly

Best Regards.

Re: Theme and Colors

PostPosted: 25 Nov 2016 09:45
by etwoss
Hi

Thanks

I don't see anything easy to make the font the same as the font from the selected Theme of the other components, is there?

Trying to add a font:

Code: Select all
         this.$message.css({
            font-family: 'Arial, Helvetica, sans-serif',
            fontSize: '13px',


Can't get this working

Also copied default theme to theme.etw.js (no changes) and set theme to etw
Now the notification is not showed at all.


Eric

Re: Theme and Colors

PostPosted: 25 Nov 2016 12:15
by etwoss
Hi

Have a look in css/noty or css/freeow depending of which one you use


There is only a Button.cs nothing for the message

Eric

Re: Theme and Colors

PostPosted: 29 Nov 2016 19:26
by Alexander Bulei
Hi,

this.$message.css({
font-family: 'Arial, Helvetica, sans-serif',
fontSize: '13px',


It's JSON object...so should have camelCase property names or just as string:

Code: Select all
"font-family": 'Arial, Helvetica, sans-serif',


Best Regards.