How To Fix RTL issue UniTreeMenu ?

[M.Ammar]

Hi 

How can I fix UniTreeMenu in RTL

1- the extender overlaps the Menu Icon.

2- the Sup Item Space is missing, needt to defer from the main node.

I have Tried the flowing

 1- ExtenderFirst.

2- BodyRTL.

3- InputRTL.

I used to not use icons in the main nodes but now I need the micro option and I have to use icons for that

or if not possible to fix this right now how can I show / hide item icon at runtime Knowing that I create Items dynamically

Regards

[Sherzod]

Hi, 

This post may help you:

http://forums.unigui.com/index.php?/topic/10763-wrong-alignment-of-unitreemenu-when-rtl-true/

 

[M.Ammar]

50 minutes ago, Sherzod said:

Hi, 

This post may help you:

http://forums.unigui.com/index.php?/topic/10763-wrong-alignment-of-unitreemenu-when-rtl-true/

 

Thank you for this fix, it fixed the issue when RTL Is True , but when English is enabled and RTL is false the extender icon is in bad position , 

how can I use this at runtime 

regards

[Sherzod]

14 minutes ago, M.Ammar said:

how can I use this at runtime 

Do you mean the above solution?

[M.Ammar]

 

32 minutes ago, Sherzod said:

Do you mean the above solution?

yes to enable it when it is RTL and disable it when it is not

[Sherzod]

12 minutes ago, M.Ammar said:

yes to enable it when it is RTL and disable it when it is not

One possible solution.

1. UniServerModule -> CustomCSS:

.custommenu.x-treelist-nav .x-treelist-item-expander {
    right: 150px;
}

2. "Enable":

UniTreeMenu1.JSInterface.JSCall('addCls', ['custommenu']);

    "Disable":

UniTreeMenu1.JSInterface.JSCall('removeCls', ['custommenu']);

 

[M.Ammar]

Thank you Very Much For the Perfect Solution.

[aldoss]

thanks

[molla2005b]

Thanks for your help Sherzod

but Indicator position need to be moved to right side
and add margin in right side of sub items

see the expected result (attached image - RTL.PNG)

regards

[Dani]

1. UniServerModule -> CustomCSS:

.x-treelist-nav .x-treelist-row-over:before, .x-treelist-nav .x-treelist-item-selected > .x-treelist-row:before {
    right: 0;
}