Tip: Remote forms - dropdown padding

[Jim Pistrang]

Hi Andrew,

I think I figured it out.  Omnis has its own $extraspace property to control the line spacing in a tree list, when I modify this I get the spacing that I want.  I suspect the Omnis property overrides anything I put in css.

Jim

>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>
>>
>>
>>

-- 
Jim Pistrang
JP Computer Resources
413-256-4569
<https://jpcr.com>