Tip: Remote forms - dropdown padding

[Jim Pistrang]

Hi Andrew,

Yes, this works.  I changed it to padding-top: 10px; padding-bottom: 0px; to get uniform spacing between all lines regardless of expansion level.

Thanks!

Jim

>Jim,
>
>I opened up Studio 8.1.6 that I have and I needed to do something slightly
>different to make it work.
>
>
>.jstree-no-dots .jstree-closed {
>padding-top: 7px;
>padding-bottom: 7px;
>}
>
>
>.jstree-no-dots .jstree-open {
>padding-top: 7px;
>padding-bottom: 7px;
>}
>
>
>.jstree-no-dots .jstree-leaf {
>padding-top: 7px;
>padding-bottom: 7px;
>}
>
>
>
>
>On Fri, Jun 14, 2019 at 10:26 AM Andrew Stolarz <stolarz at gmail.com> wrote:
>
>> 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>