#StackBounty: #framework #user-interface #macos #swift What is the best alternative to SwiftUI for MacOS?

Bounty: 100

SwiftUI seems to have good features, but only works on MacOS 1.15 and newer. Is there a framework for MacOS that is efficient, and shares the capabilities of SwiftUI. Well technically, if I put everything in the draw() method of an NSView, it can in theory replicate all of the functionallity. However, it will be very difficult to replicate animating transitions. Another thing is, for some reason, drawing a single round-cornered rectange, like this:

    NSColor(red: 0.5, green: 1, blue: 1, alpha: 1).set()
    let Shape = NSBezierPath()
    let ActualY = (dirtyRect.height/2)
    let FarXOrigin = dirtyRect.width*0.75, CornerRadius = dirtyRect.width/96, Height = dirtyRect.width/20, CloseXOrigin = dirtyRect.width/4, ControlPointOffset = CornerRadius*0.552284749831, Y = ActualY+(Height/4)+CornerRadius
    Shape.move(to: NSMakePoint(FarXOrigin-CornerRadius, CGFloat(Y)))
    Shape.curve(to: NSMakePoint(FarXOrigin, CGFloat(Y)-CornerRadius), controlPoint1: NSMakePoint(FarXOrigin-CornerRadius+ControlPointOffset, CGFloat(Y)), controlPoint2: NSMakePoint(FarXOrigin, CGFloat(Y)-CornerRadius+ControlPointOffset))
    Shape.line(to: NSMakePoint(FarXOrigin, CGFloat(Y)-(CornerRadius+Height-(CornerRadius*2))))
    Shape.curve(to: NSMakePoint(FarXOrigin-CornerRadius, CGFloat(Y)-Height), controlPoint1: NSMakePoint(FarXOrigin, CGFloat(Y)-(CornerRadius+Height-(CornerRadius*2)+ControlPointOffset)), controlPoint2: NSMakePoint(FarXOrigin-CornerRadius+ControlPointOffset, CGFloat(Y)-Height))
    Shape.line(to: NSMakePoint(CloseXOrigin+CornerRadius, CGFloat(Y)-Height))
    Shape.curve(to: NSMakePoint(CloseXOrigin, CGFloat(Y)-(CornerRadius+Height-(CornerRadius*2))), controlPoint1: NSMakePoint(CloseXOrigin+CornerRadius-ControlPointOffset, CGFloat(Y)-Height), controlPoint2: NSMakePoint(CloseXOrigin, CGFloat(Y)-(CornerRadius+Height-(CornerRadius*2)+ControlPointOffset)))
    Shape.line(to: NSMakePoint(CloseXOrigin, CGFloat(Y)-CornerRadius))
    Shape.curve(to: NSMakePoint(CloseXOrigin+CornerRadius, CGFloat(Y)), controlPoint1: NSMakePoint(CloseXOrigin, CGFloat(Y)-CornerRadius+ControlPointOffset), controlPoint2: NSMakePoint(CloseXOrigin+CornerRadius-ControlPointOffset, CGFloat(Y)))
    Shape.close()
    Shape.fill()

takes up a LOT more memory than calling RoundedRectangle() MULTIPLE times in SwiftUI. Also the edges in the SwiftUI round rectangle look sharp, and when drawing in an NSView, the edges look slightly less well defined. I want a backwards-compatible framework that can do custom drawing EFFICIENTLY, and that I do not have to recreate too many features. What should I do? How would I create a very lightweight user interface with all the features that SwiftUI can do?


Get this bounty!!!

#StackBounty: #windows-10 #user-interface #accessibility Disabling the flashing title bar when clicking outside a focused window on Win…

Bounty: 50

Edit: I have checked for duplicates. There is no post on this website or on Google that matches my problem. Try it for yourself, it’s a Windows feature and not a bug or an error. I have tried various machines, running win7 and win10, and they all exhibit the same flashing window when you click outside of its active area.

Edit 2: Happens in any program. Windows Settings, Illustrator, you name it.
As long as it is a focused window that requires confirmation before being able to close.
It is not always blinking, only when you click outside of the window.

Description:
In Windows 10, while in a focused window that require confirmation before being closed, clicking outside the window causes the title bar of the window to rapidly flash with a high contrast color a few times, to warn the user that there’s still a window open.

Is there a way to disable this flashing behavior? I don’t mind having a window open that requires confirmation to close, I just really don’t like the flashing title bar effect.

I have deliberately not embedded this image since it contains flashing imagery.
https://i.stack.imgur.com/X97VW.gif

I think this is particularly annoying and should maybe just flash once, or, warn the user in another, less intrusive way. Or, at least provide a setting to disable the effect. I’m aware it’s meant to draw attention, it just seems a bit overkill for the problem at hand.
It might also be an issue to users with photosensitive epilepsy.

What I’ve tried:
There is a setting under Ease of Access related to “Show audio alerts visually” but that is toggled off and likely does not affect the title bar flashing.
I’ve looked through Settings and was unable to find any option related to title bar flashing.


Get this bounty!!!

#StackBounty: #javascript #block-editor #user-interface How to get the ToggleControl Gutenberg component working for a PHP Block

Bounty: 50

I got everything working based on this: https://gist.github.com/pento/cf38fd73ce0f13fcf0f0ae7d6c4b685d its just that the toggle does not get the visual representation of being toggled on. Any tutorials on this? Everything I find is complicated “real” blocks stuff tons of imports and this react style returns and things I do not need at this point. I just want to know how to get the toggle to work.

PHP

<?php
function register_gb_block() {

    // ...

    register_assets();
    register(
        [
            'handle' => 'arve-block',
            'src'    => plugins_url( 'dist/js/test-block.js', PLUGIN_FILE ),
            'deps'   => [ 'wp-blocks', 'wp-element', 'wp-components', 'wp-editor' ],
            'ver'    => ver( VERSION, 'dist/js/test-block.js', PLUGIN_FILE ),
            'footer' => false
        ]
    );

    wp_localize_script( 'arve-block', 'ARVEsettings', $sc_settings );

    // Register our block, and explicitly define the attributes we accept.
    register_block_type(
        'nextgenthemes/arve-block',
        [
            'attributes'      => array(
                'foo' => array(
                    'type' => 'string',
                ),
                'toggle' => array(
                    'type' => 'boolean',
                ),
            ),
            'editor_script'   => 'arve-block',
            'editor_style'    => 'advanced-responsive-video-embedder',
            'render_callback' => __NAMESPACE__ . 'shortcode'
        ]
    );
}

The register is just a wrapper around wp_register_script

JS

// License: GPLv2+ based on: https://gist.github.com/pento/cf38fd73ce0f13fcf0f0ae7d6c4b685d

const el = wp.element.createElement,
    registerBlockType = wp.blocks.registerBlockType,
    ServerSideRender = wp.components.ServerSideRender,
    TextControl = wp.components.TextControl,
    ToggleControl = wp.components.ToggleControl,
    InspectorControls = wp.editor.InspectorControls;

/*
 * Here's where we register the block in JavaScript.
 *
 * It's not yet possible to register a block entirely without JavaScript, but
 * that is something I'd love to see happen. This is a barebones example
 * of registering the block, and giving the basic ability to edit the block
 * attributes. (In this case, there's only one attribute, 'foo'.)
 */
registerBlockType( 'nextgenthemes/arve-block', {
    title: 'PHP Block',
    icon: 'megaphone',
    category: 'widgets',

    /*
     * In most other blocks, you'd see an 'attributes' property being defined here.
     * We've defined attributes in the PHP, that information is automatically sent
     * to the block editor, so we don't need to redefine it here.
     */

    edit: ( props ) => {
        return [
            /*
             * The ServerSideRender element uses the REST API to automatically call
             * php_block_render() in your PHP code whenever it needs to get an updated
             * view of the block.
             */
            el( ServerSideRender, {
                block: 'nextgenthemes/arve-block',
                attributes: props.attributes,
            } ),
            /*
             * InspectorControls lets you add controls to the Block sidebar. In this case,
             * we're adding a TextControl, which lets us edit the 'foo' attribute (which
             * we defined in the PHP). The onChange property is a little bit of magic to tell
             * the block editor to update the value of our 'foo' property, and to re-render
             * the block.
             */
            el( InspectorControls, {},
                el(
                    TextControl,
                    {
                        label: 'Foo',
                        value: props.attributes.foo,
                        onChange: ( value ) => {
                            props.setAttributes( { foo: value } );
                        },
                    }
                ),
                el(
                    ToggleControl,
                    {
                        label: 'Toogle',
                        value: props.attributes.toggle,
                        onChange: ( value ) => {
                            props.setAttributes( { toggle: value } );
                        },
                    }
                ),
            ),
        ];
    },

    // We're going to be rendering in PHP, so save() can just return null.
    save: () => {
        return null;
    },
} );


Get this bounty!!!

#StackBounty: #facebook #facebook-groups #user-interface In a Facebook group, how to show all "Announcements" by default with…

Bounty: 50

I am the admin of a Facebook group. There are two polls that were pinned to the top of the page. By default, one of them shows but the other you need to click “see all” to view. The one that is shown by default gets much more votes. How can this be fixed? Is there a way to show them both without having to click “see all”? Even better, is there a way to randomly change their order so it changes which one is displayed first?

Example:

screen shot

I’ve tried this on a desktop computer so I don’t think it has to do with resizing to fit the viewport. According to the “seen by” number, the one that needs people to click on “see all” has only gotten half as many views. This is a real problem as it’s skewing the results.


Get this bounty!!!

#StackBounty: #windows-10 #windows-explorer #icons #user-interface Remove the grey pins from Quick Access in Windows 10

Bounty: 100

How to remove the grey pin icons from Quick Access in File Explorer in Windows 10?

  • So that they are transparent or turned off.
  • Use of registry, hack or any means welcome, the simpler the better, prefer not to use a program if possible.
  • Means of reverting.
  • The only purpose is to decluter the user interface.
  • Windows 10 Pro Version 1803

How to remove the grey pin icons from Windows 10 Quick Access

Research:

  • The icon is located in: C:WindowsSystem32imageres.dll
  • Similar SU post here for Quick Access icon change via registry
  • Following on from that, searched through the registry for imageres.dll,-5100
    HKLMSOFTWAREMicrosoftWindowsCurrentVersionExplorerCommandStoreshellWindows.PinToHome
    HKLMSOFTWAREWOW6432NodeMicrosoftWindowsCurrentVersionExplorerCommandStoreshellWindows.PinToHome
    
    Explorer Handler {70438d09-456a-4a6f-86fe-1c1a3afc699e}
    Icon %SystemRoot%System32imageres.dll,-5100
    
  • Have tried editing the icon location as Trusted Installer using PowerRun_x64.exe, to change it to a new transparent icon, such as with .reg file:
    Windows Registry Editor Version 5.00
    
    [HKEY_LOCAL_MACHINESOFTWAREMicrosoftWindowsCurrentVersionExplorerCommandStoreshellWindows.PinToHome]
    "Icon"="C:\Settings\Icons\blank.ico"
    
  • though no change occurred in file explorer.


PowerRun is a portable freeware to launch regedit.exe , Cmd.exe or other software with the same privileges as the TrustedInstaller / Nt Authority/ System.


Get this bounty!!!

#StackBounty: #html #gui #user-interface #rest #gui-builder Simple Web UI builder for backend devs

Bounty: 50

I’m a backend dev who technically knows how to work with html css js… but hates it. Is there a low-code free or OSS tool where I can quickly build or prototype simple web guis for my backend services? Functionality should be something like drag and drop UI components like buttons and form fields, sending rest requests and parsing the JSON or XML responses and displaying them or part of them in tables or lists or generating lists of links based on responses from my services. Doesn’t need to be fancy at all, a plain unstyled html look would work just fine as long as the amount of html/css/js that needs to be written is minimized.


Get this bounty!!!