nice detour

hope You will have no side effect on other parts of page... even if, You know where to start now

p.s. edit title to add "SOLVED" at beginning of title...

perhaps You should pack it into one "center" area of layout - I have it packed so in My code...

if I use justified:true - it has the needed efect.

TRUE:
https://imgur.com/H8AiSFH.jpg

FALSE:
https://i.imgur.com/JmJUvxO.jpg

...or You have broke css of easyui with self modification ?

JUSTIFIED:TRUE should be the answer - or You have one wrong container above this - take care about that...

hope You find the way - please reply how is going. thx.

or send me the code I can play with that little (html+js in one) - it is possible that You look so long on the code so You don't see where to change something so it works

something like this ? :

https://jsbin.com/bimeki/edit?output

is this not case for ACCORDION ?

I have made this - https://jsbin.com/nomoturiji/1/edit?output

draw the layout by hand - it is not clear how it should look from the image...

Code:

<div style="flex-grow: 20">

it is enough also 1

Code:

<div style="flex-grow: 1">

[DIV id="toolbar"]

I have played with this problem:



And have solved it this way:


section 1 & 3 are DIVs with buttons
section 2 is blank DIV

be care about the GROW value
1: 1
2: 20
3: 0 <- this is important - if you give there 1 (or more) ou will have button with right blank margin that canNOT be handled later with margin-right: 0px

Code:

<!-- buttons for CRUD table -->
<div id="toolbar" style="display: flex">
	<div style="flex-grow: 1">
		<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="newItem()">New Item</a>
		<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="editItem()">Edit Item</a>
		<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="destroyItem()">Remove Item</a>
	</div>
	<div style="flex-grow: 20">
	</div>
	<div style="flex-grow: 0">
		<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-reload" plain="true" onclick="tableReload()">Reload Table</a>
	</div>
</div>

REM: DIV id="toolbar" - has style="display: flex" - also all his childrens have this also (not need to define style section in css)

[RED]

Hi all, my first post here - because of poor documentation of event onChange of checkbox... (or I'm missing something...)

I have #ID_DIV with some field and label inside (so i can handle its visibility together) - that should be visible only when checkbox nearby is checked ON.

Example of usage - in datagrid i style number #1 RED  when his value is lower than other number #2 - so on first look we see - which item should we care about. Aka "MINIMUM ON STOCK"...

The other number #2 can be set up ON OFF if you want to track the minimum of number #1 - if it falls below the value of #2 - it should be RED (and perhaps some more coloring and logic )

Checkbox ON:


Checkbox OFF:


Some better help of CHECKBOX available ? Or can somebody post code for this ? I like to study self but I'm stuck here...

Thank You very much !

p.s. every item has also #2 value (default 0) set in database (also it is like pair ITEM_PCS and ITEM_MIN_STOCK)