Tip: Remote forms - dropdown padding

[Andrew Stolarz]

Hi Jim,

I just tried it using the Omnis samples found inside the Omnis HUB.

"JS Tree List" and "JS Tree list (dynamic)" and CSS I sent you work for
both of these components. ...Using Studio 10.0.0.3.

What version of Studio are you using?

Have you tried using Chrome developer tools to see if perhaps Omnis is
naming the class differently in previous versions? (they are the same js
components so I cant imagine they would do that).



Andrew






On Fri, Jun 14, 2019 at 10:18 AM Jim Pistrang <jim at jpcr.com> wrote:

> Hi Andrew,
>
> This didn't work.  I trued it both with and without the .nofocus
>
> I also tried overriding height.
>
> Any other ideas?
>
> Jim
>
> >Hi Jim,
> >
> >I don't use the js tree in particular, but you can do the following:
> >
> >- the first one adjusts padding between closed nodes.
> >- the second adjusts padding between open nodes and the previous closed
> >nodes.
> >- the third adjusts passing between sub-nodes (child).
> >
> >
> >.noFocus .jstree-closed {
> >padding-top: 7px;
> >padding-bottom: 7px;
> >}
> >
> >
> >.noFocus .jstree-open {
> >padding-top: 7px;
> >padding-bottom: 7px;
> >}
> >
> >
> >.noFocus .jstree-leaf {
> >padding-top: 7px;
> >padding-bottom: 7px;
> >}
> >
> >
> >
> >Andrew
> >
> >
> >
> >
> >
> >On Fri, Jun 14, 2019 at 9:01 AM Jim Pistrang <jim at jpcr.com> wrote:
> >
> >> Hi Andrew,
> >>
> >> Nice!
> >>
> >> What would the equivalent be for increasing the space between nodes in a
> >> js tree list?
> >>
> >> Thanks,
> >>
> >> Jim
> >>
> >> >For those not familiar with CSS & are using remote forms for mobile
> >> devices.
> >> >
> >> >You will notice when using the js dropdowns, the lines in the dropdown
> >> >themselves are extremely close together to select the correct line on
> >> >mobile devices.
> >> >
> >> >You can add something like the below into the user.css file to add
> padding
> >> >between lines themselves for all the dropdowns in your app.
> >> >
> >> >.ctrl-drop-list .unselectable {
> >> >padding-top: 7px;
> >> >padding-bottom: 7px;
> >> >}
> >> >_____________________________________________________________
> >> >Manage your list subscriptions at http://lists.omnis-dev.com
> >> >Start a new message -> mailto:omnisdev-en at lists.omnis-dev.com
> >> >
> >>
> >> --
> >> Jim Pistrang
> >> JP Computer Resources
> >> 413-256-4569
> >> <https://jpcr.com>
> >>
> >>
> >>
>
> --
> Jim Pistrang
> JP Computer Resources
> 413-256-4569
> <https://jpcr.com>
>
>
>