[generic method to follow the user activity]

@Hayri ASLAN ithink i found the solution in the property :

i use this :

if aObject.ClassName = 'TJSMenuItem' then
          begin
            OurComponent:= TJSMenuItem(aObject).AttachedMenuItem;
          end
          else
          begin
            OurComponent:= TExtObject(aObject).AttachedComponent;
            if OurComponent is TUniMenuControl then
              OurComponent:= TUniMenuControl(OurComponent).AttachedComponent;
          end;

 

[generic method to follow the user activity]

@Hayri ASLAN i come back on this topic because it seems that you dont make th change. or maybe i don't understand how can i have the item that is clicked in a menu ?

[Hyperserver Error]

check your firewall, and if necessary add the hyper server process in process authorized or authorize the range port 16384 to 16384 +8

[Close iFrame from Unigui application]

for communication between iframe and his "parent"we used https://developer.mozilla.org/fr/docs/Web/API/Window/postMessage

[tabsheet addCls]

it seems i finish to find a solution for my problem i  use this :

 procedure HighligthTabSheet(aTest : Boolean; var aUniTabSheet : TUniTabSheet);
   var C : TComponent;
  begin
    C :=  FindComponentUni(aUniTabSheet.Name);
    if aTest then
    begin
      if C <> nil then
      begin
       UniSession.AddJS(PCMain.Pages[seTsAdd.Value].JSName+'.tab.addCls(''TabNew'')');
       UniSession.AddJS(PCMain.Pages[seTsAdd.Value].JSName+'.tab.addOverCls(''TabNew'')');
     end
    end
    else
    begin
      if C <> nil then
      begin
       UniSession.AddJS(PCMain.Pages[seTsAdd.Value].JSName+'.tab.removeCls(''TabNew'')');
       UniSession.AddJS(PCMain.Pages[seTsAdd.Value].JSName+'.tab.removeOverCls(''TabNew'')');
      end
    end;
  end;

 

[tab scroller menu for unipagecontrol]

sorry  this plugin exist in extjs but it is bugged so with the same name there may be a conflict. so i rename the plugin

use this version of fileplugin_tabscrollermenu.zip

and use

function tabPanel.beforeInit(sender, config)
{
    sender.plugins = [ 'tabscrollermenu_w'];
}

 

[tabsheet addCls]

@Sherzod

I hope it will be clearer with this recording

as you can see, i add class on some tabsheet but when the mouse over the title tabsheet the class is remove and lost. i would like the class stay assigned to the tabsheet.

[tabsheet addCls]

@Sherzoddo you see the problem with my sample project ?

[ScreenMask color, background]

hello, i look that and

//big rectangle chere the mask is applied
.x-mask{
     opacity: 0.5;
   background: rgb(255, 0, 0) none repeat scroll 0% 0%;
}

//rectangle around screen mask message
.x-mask-msg{
   opacity: 0.5;
   background: rgb(0, 255, 0) none repeat scroll 0% 0%;

}

//interior of screenmask message
.x-mask-msg-inner{
   opacity: 0.5;
   background: rgb(255, 0, 0) none repeat scroll 0% 0%;

}


//part text of screen mask
.-x-mask-msg-text{
   opacity: 0.5;
   background: rgb(0, 0, 255) none repeat scroll 0% 0%;

}

in your case i think you must modified the .x-mask-msg-inner

[ScreenMask color, background]

Hello, i test your class and it is ok

is it this red part in my screenshot that you would change ? or the background of 'Hello'

 

[Create dropdown menu for UniPageControl]

On 8/11/2022 at 6:50 PM, Sherzod said:

Don't know at the moment.

i found a solution and i create a topic for this

 

[tab scroller menu for unipagecontrol]

Hello,

i share with you a method for adding a scroller menu for unipage control

download the join file plugin_tabscrollermenu.zip

uncompress in a directory where you have your application. for me it is in assets/plugin

in unimainmodule register the js file and css file of the plugin

uses ....
  uniGUIClasses,uniguitypes;
....
initialization
  RegisterMainModuleClass(TUniMainModule);
  UniAddCSSLibrary('assets/plugin/TabScrollerMenu.css', False, [upoPlatformDesktop]);
  UniAddJSLibrary('assets/plugin/TabScrollerMenu.js', False, [upoPlatformDesktop]);

in your unipagecontrol->unievents->Ext.tab.Panel[TabPanel] add :

function tabPanel.beforeInit(sender, config)
{
    sender.plugins = [ 'tabscrollermenu'];
}

note : if the property of a unitabsheet tabvisible = false then the tabsheet will not be in the menu

[Problem with my site. Localhost works fine, but running on the server...]

inspect network tab in developper tools in firefox/chrome you probably have a 404 error for a css file

[best practice for changing font in title tabsheet]

sorry , i used firefox style editor to change font size for test. if use class in unigui there is not problem

[best practice for changing font in title tabsheet]

no idea ?

[tabsheet addCls]

open the sample project that i attach.

click on button add class

the first tabsheet is red+bold+underline red because it is active +class TabNew

if it is not active it is red +class TabNew

mouse over the tabsheet> the Tabnew class was deleted so the the tabsheet have not got the good color

testtabsheet.zip

[tabsheet addCls]

the problem is that i must add and remove the class at runtime so i can't use the afterrender event.

so when i over and out over the tab the class that i add is removed

[tabsheet addCls]

i need to add cls in runtime to a title tabsheet.

i try this

  procedure HighligthTabSheet(aTest : Boolean; var aUniTabSheet : TUniTabSheet);
   var C : TComponent;
  begin
    C :=  FindComponentUni(aUniTabSheet.Name);
    if aTest then
    begin
      if C <> nil then
      aUniTabSheet.JSInterface.JSCall('addCls', ['TabNew']);
      //UniSession.AddJS('$(''#'+TUniControl(C).JSId+'_tab'').addClass(''TabNew'')');
    end
    else
    begin
      if C <> nil then
      aUniTabSheet.JSInterface.JSCall('removeCls', ['TabNew']);
      //UniSession.AddJS('$(''#'+TUniControl(C).JSId+'_tab'').removeClass(''TabNew'')');
    end;
  end;

with

aUniTabSheet.JSInterface.JSCall('addCls', ['TabNew']);

nothing : the class don't seem to be add.

 

 

with

UniSession.AddJS('$(''#'+TUniControl(C).JSId+'_tab'').addClass(''TabNew'')')

it seems to work but when the mouse is over the title tabsheet, the class is removed and after when the mouse exit , the class is not comming back

 

 

in unievents of unipagecontrol i have

function beforeInit(sender, config)
{
  config.cls ='custom-maintab-browser';
}

and in custom css i have  (normal font color is black, with tabnew the font is red)

.custom-maintab-browser{}

.custom-maintab-browser .x-tab-default, .x-tab-bar-default{
  background-color: rgb(255, 255, 255) !important;

}

.custom-maintab-browser .x-tab-default .x-tab-inner-default{
  color:rgb(0,0,0) !important;
  font-weight: normal !important;  
}

.custom-maintab-browser .x-tab-default.TabNew .x-tab-inner-default{
  color:rgb(255,0,0) !important;
  font-weight: normal !important;  
}


.custom-maintab-browser .x-tab-active .x-tab-inner-default{
  color:rgb(0,0,0) !important;
  font-weight: bold !important;  
} 

.custom-maintab-browser .x-tab-active.TabNew .x-tab-inner-default{
  color:rgb(255,0,0) !important;
  font-weight: bold !important;  
} 

.custom-maintab-browser .x-tab-active .x-tab-button-default{
  border-bottom: solid 5px #0757A0 !important;
}

.custom-maintab-browser .x-tab-active.TabNew .x-tab-button-default {
  border-bottom: solid 5px #FF0000 !important;
}

how can I get the added class to stay in place ?

[How to add popupmenu on right click on tabsheet title]

thank you it works perfectly

[Create dropdown menu for UniPageControl]

do you think this extjs 4 plugin https://www.finotrol.fi/extjs-4.1.0/docs/#!/example/tabs/tab-scroller-menu.html

could be adapted for extjs 7?

i could try but could you help me : how can i declare use this plugin to a tabsheet ?

[best practice for changing font in title tabsheet]

if i use the tabsheet font property in delphi designtime there is no effect.

i use css to upgrade font size the font is bigger but the title width have the same size

actually

with css font-size: 15px;

 

is there an other method to grow up the font size ?

[How to add popupmenu on right click on tabsheet title]

if i do a right click on the title of tabsheet i would like display a unipopupmenu.

how can i do this?

[Create dropdown menu for UniPageControl]

On 5/13/2022 at 6:59 PM, Sherzod said:

At the moment it looks like this:

2 questions :

1- how do you do for having the menu on the same line of tabsheet

2- how can ido for having this menu that is displayed only when the arrow (arrows that appear when you have a lots of tab sheet) are displayed

3- optional : how can we do to change the font size in the tabsheet title, if i change with a simple css the font size is changed but not the size of the title tabsheet

 

[How can i produce my own theme ?]

no 😞

[UNIFileUpload：I can upload a 2G file,but in the uploading moment I will have two error messages.]

it is a problem of tunifileupload component,  the file is sended in one block.

so the whole file is loaded in memory, and if you use a 32 bits appliation, you  have reached the limit with a 2go file.

the problem also exists if you have 2 session that upload  simultaneously a 1 go file on each session.

we actually work on this problem and we maybe could propose a solution.