inlineEditColor

[danappsnocode]

I have made a few changes to my Knack look and feel. I notice the background color for inline edit columns has change. Must be something I have done - but I don't know what.

What controls the background color for inlineEdit Columns?

Dan B

[cortexrd]

Hi Dan,

The "inline editable" color is driven by the app's header color by default. But you can change that behavior to your liking in many ways.
You can derive it from another theme's element color, as well as a hard-coded value.

In the KTL_Default.js file, search for this:
ktl.systemColors.setCfg

The variable inlineEditBkgColor is the one you're interested in.

You must copy this code block to your customized KTL code:

ktl.systemColors.getSystemColors()
    .then(sc => {
        ktl.systemColors.setCfg({
            inlineEditBkgColor: '', //Could also be some other presets in sysColors like: sc.paleLowSatClrTransparent
            inlineEditFontWeight: '', //Can be 'bold' or a numeric value like 600.
            tableRowHoverBkgColor: '', //Or a named color like 'mistyrose' or a hex RGBA value '#a0454b75'
        })
    })
    .catch((err) => { ktl.log.clog('red', 'App getSystemColors error: ' + err); })

See this Wiki section on how to customize your KTL features: https://github.com/cortexrd/Knack-Toolkit-Library/wiki/Customizing-Features

Once you've done this, you can decide to use a custom color like this:
(just the line above)

inlineEditBkgColor: 'cadetblue',

or

inlineEditBkgColor: '#5f9ea0', //same as cadetblue but in hex format.

It's also possible to create your own theme-based derived colors, with lower saturation, brighter, etc.

Hope this helps,
Norm

[danappsnocode]

Great! Thanks *again* Norm. Dan Dan Boultinghouse APPS*nocode*.*com*

…

On Sun, Oct 8, 2023 at 5:07 PM Cortex R&D Inc. ***@***.***> wrote: Hi Dan, The "inline editable" color is driven by the app's header color by default. But you can change that behavior to your liking in many ways. You can derive it from another theme's element color, as well as a hard-coded value. In the KTL_Default.js file, search for this: *ktl.systemColors.setCfg* The variable *inlineEditBkgColor* is the one you're interested in. You must copy this code block to your customized KTL code: ktl.systemColors.getSystemColors() .then(sc => { ktl.systemColors.setCfg({ inlineEditBkgColor: '', //Could also be some other presets in sysColors like: sc.paleLowSatClrTransparent inlineEditFontWeight: '', //Can be 'bold' or a numeric value like 600. tableRowHoverBkgColor: '', //Or a named color like 'mistyrose' or a hex RGBA value '#a0454b75' }) }) .catch((err) => { ktl.log.clog('red', 'App getSystemColors error: ' + err); }) See this Wiki section on how to customize your KTL features: https://github.com/cortexrd/Knack-Toolkit-Library/wiki/Customizing-Features <http://url> Once you've done this, you can decide to use a custom color like this: (just the line above) inlineEditBkgColor: 'cadetblue', or inlineEditBkgColor: '#5f9ea0', //same as cadetblue but in hex format. It's also possible to create your own theme-based derived colors, with lower saturation, brighter, etc. Hope this helps, Norm — Reply to this email directly, view it on GitHub <#110 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BCZ6NXFAR6KCJVZ5WMXYSQDX6MP2XAVCNFSM6AAAAAA5X6RDL6VHI2DSMVQWIX3LMV43SRDJONRXK43TNFXW4Q3PNVWWK3TUHM3TEMRVGE4TI> . You are receiving this because you authored the thread.Message ID: <cortexrd/Knack-Toolkit-Library/repo-discussions/110/comments/7225194@ github.com>

[danappsnocode]

NOT AN ISSUE. Did not want ot post on Github. just fyi ZOOM says only for views. working great for Edit forms popup or not. Love it. Elderly volunteers at food pantry 😀 Dan Boultinghouse APPS*nocode*.*com*

…

On Mon, Oct 9, 2023 at 6:46 AM Dan Boultinghouse ***@***.***> wrote: Great! Thanks *again* Norm. Dan Dan Boultinghouse APPS*nocode*.*com* On Sun, Oct 8, 2023 at 5:07 PM Cortex R&D Inc. ***@***.***> wrote: > Hi Dan, > > The "inline editable" color is driven by the app's header color by > default. But you can change that behavior to your liking in many ways. > You can derive it from another theme's element color, as well as a > hard-coded value. > > In the KTL_Default.js file, search for this: > *ktl.systemColors.setCfg* > > The variable *inlineEditBkgColor* is the one you're interested in. > > You must copy this code block to your customized KTL code: > > ktl.systemColors.getSystemColors() > .then(sc => { > ktl.systemColors.setCfg({ > inlineEditBkgColor: '', //Could also be some other presets in sysColors like: sc.paleLowSatClrTransparent > inlineEditFontWeight: '', //Can be 'bold' or a numeric value like 600. > tableRowHoverBkgColor: '', //Or a named color like 'mistyrose' or a hex RGBA value '#a0454b75' > }) > }) > .catch((err) => { ktl.log.clog('red', 'App getSystemColors error: ' + err); }) > > See this Wiki section on how to customize your KTL features: > https://github.com/cortexrd/Knack-Toolkit-Library/wiki/Customizing-Features > <http://url> > > Once you've done this, you can decide to use a custom color like this: > (just the line above) > > inlineEditBkgColor: 'cadetblue', > > or > > inlineEditBkgColor: '#5f9ea0', //same as cadetblue but in hex format. > > It's also possible to create your own theme-based derived colors, with > lower saturation, brighter, etc. > > Hope this helps, > Norm > > — > Reply to this email directly, view it on GitHub > <#110 (comment)>, > or unsubscribe > <https://github.com/notifications/unsubscribe-auth/BCZ6NXFAR6KCJVZ5WMXYSQDX6MP2XAVCNFSM6AAAAAA5X6RDL6VHI2DSMVQWIX3LMV43SRDJONRXK43TNFXW4Q3PNVWWK3TUHM3TEMRVGE4TI> > . > You are receiving this because you authored the thread.Message ID: > <cortexrd/Knack-Toolkit-Library/repo-discussions/110/comments/7225194@ > github.com> >