FoxInCloud
Grid - Bootstrap
Gravatar is a globally recognized avatar based on your email address. Grid - Bootstrap
  Vincent H.
  All
  Feb 8, 2020 @ 01:29am

Hi Thierry, hi all,

In bootstrap mode, especially in chrome (photo attached), the grid is not very sexy 😉
The gray is really old and I wonder about the relevance of the boxes on the left side.
All of this must be able to be improved by CSS, but could we not evolve together ?

Vincent

Gravatar is a globally recognized avatar based on your email address. re: Grid - Bootstrap
  FoxInCloud Support - Thierry N.
  Vincent H.
  Feb 9, 2020 @ 02:39am

Hi Vincent,

Michele had a similar problem and, as the grid had only a couple of rows (just like you), he preferred generate a list in .wcHTMLgen() in lieu of the grid, as shown here.

Hopefully Michele can share his code here…

Gravatar is a globally recognized avatar based on your email address. re: Grid - Bootstrap
  Vincent H.
  FoxInCloud Support - Thierry N.
  Feb 9, 2020 @ 08:45am

In this example, I have only two rows but in reality, grids often have much more.

Difficult to do without grids

Gravatar is a globally recognized avatar based on your email address. re: Grid - Bootstrap
  FoxInCloud Support - Thierry N.
  Vincent H.
  Feb 10, 2020 @ 12:40am

What would you like to change? headers? line height? background?

Gravatar is a globally recognized avatar based on your email address. re: Grid - Bootstrap
  Vincent H.
  FoxInCloud Support - Thierry N.
  Feb 10, 2020 @ 01:06am

A more flat appearance, removing the gray outlines and removing the marks on the left that appear even if deletedMark = .F.

Gravatar is a globally recognized avatar based on your email address. re: Grid - Bootstrap
  FoxInCloud Support - Thierry N.
  Vincent H.
  Feb 10, 2020 @ 02:07am

more flat appearance, removing the gray outlines

can be done by CSS (in xxx.css) using .aw-* classes

removing the marks on the left

Currently shown by default as in VFP, we can add a awGrd.property to hide it

Gravatar is a globally recognized avatar based on your email address. re: Grid - Bootstrap
  Vincent H.
  FoxInCloud Support - Thierry N.
  Feb 10, 2020 @ 03:04am

can be done by CSS (in xxx.css) using .aw-* classes

OK, quite a number of properties to modify

Currently shown by default as in VFP, we can add a awGrd.property to hide it

Based on deletedMark, it will be nice !

Gravatar is a globally recognized avatar based on your email address. re: Grid - Bootstrap
  FoxInCloud Support - Thierry N.
  Vincent H.
  Feb 10, 2020 @ 10:21am

Based on .deletedMark

I think .recordMark is the exact equivalent in VFP; not sure why it was not implemented earlier… will do.

Gravatar is a globally recognized avatar based on your email address. re: Grid - Bootstrap
  Vincent H.
  FoxInCloud Support - Thierry N.
  Feb 10, 2020 @ 11:44pm

Rather delicate to manipulate ...
Below, an example before and after CSS

Gravatar is a globally recognized avatar based on your email address. re: Grid - Bootstrap
  FoxInCloud Support - Thierry N.
  Vincent H.
  Feb 11, 2020 @ 01:06am

pretty nice, thanks for sharing… would you also share your CSS changes?

Gravatar is a globally recognized avatar based on your email address. re: Grid - Bootstrap
  Vincent H.
  FoxInCloud Support - Thierry N.
  Feb 11, 2020 @ 01:29am

Yes, of course. It is surely perfectible ...
What bothers me a bit is that I add the !Important clause since most of the registrations are in contradiction with that generated natively by FiC

/* Grid

.aw-grid-control {
  border-color: transparent!important;
}
.aw-grid-box {
  border-color: lightgray!important;
}
.aw-hpanel-top {
  background-color: threedface!important;
}
.aw-grid-header {
  border-color: lightgray transparent lightgray lightgray !important;
  border-block-color: threedface!important;
}
.aw-grid-cell {
  border: 0px!important;
}
.aw-item-box {
  border: 1px none lightgray!important;
  font-weight: bold;
  padding: 1px 4px!important;
}
.aw-row-selector {
  display: none!important;
}
.aw-header-0 {
  margin-left: -1px!important;
}
Gravatar is a globally recognized avatar based on your email address. re: Grid - Bootstrap
  Gilles Lajot-Sarthou
  Vincent H.
  Feb 11, 2020 @ 03:00am

Bonjour Vincent,

I had already improved the display of grids, but with your CSS modifications, it's even more pleasant to look at

Merci Vincent

Gravatar is a globally recognized avatar based on your email address. re: Grid - Bootstrap
  Vincent H.
  Gilles Lajot-Sarthou
  Feb 11, 2020 @ 04:03am

Thanks Gilles, always nice to have a feedback !

Gravatar is a globally recognized avatar based on your email address. re: Grid - Bootstrap
  FoxInCloud Support - Thierry N.
  Vincent H.
  Feb 11, 2020 @ 05:13am

You just need to ‘strengthen’ your selectors by adding more clauses, eg. div.bootstrap div.awgrd span.aw…

Gravatar is a globally recognized avatar based on your email address. re: Grid - Bootstrap
  Vincent H.
  Vincent H.
  Feb 11, 2020 @ 07:04am

Yes. Are you considering incorporating some of these instructions into your code ?

Gravatar is a globally recognized avatar based on your email address. re: Grid - Bootstrap
  FoxInCloud Support - Thierry N.
  Vincent H.
  Feb 11, 2020 @ 09:32am

Just double checked, .recordMark is already supported

Gravatar is a globally recognized avatar based on your email address. re: Grid - Bootstrap
  FoxInCloud Support - Thierry N.
  Vincent H.
  Feb 11, 2020 @ 09:34am

Probably! I will have 2 sets of rules, for body.bootstrap and body:not(.bootstrap)

Gravatar is a globally recognized avatar based on your email address. re: Grid - Bootstrap
  Vincent H.
  FoxInCloud Support - Thierry N.
  Feb 11, 2020 @ 10:35am

Great ! So, I am waiting for you job ...

© 1996-2020