Can I put a button in top of an image? about react-nodegui HOT 9 CLOSED

hmm, in this case, you can try using css for top-level component

style={'background-image: url(/path/to/image.png)'}

with some more props to handle background size, you can check reference for all supported props:
https://doc.qt.io/qt-5/stylesheet-reference.html

from react-nodegui.

you can use icon property on button component
is it enough to do the trick?

from react-nodegui.

you can use icon property on button component
is it enough to do the trick?

Thanks for the reply.

Button doesn't fit my needs.
I wanna a big image as background of my app. The image should fit all of the window.

from react-nodegui.

It works.
Thanks a lot!

from react-nodegui.

background-image works in nodegui but take no effect in react-nodegui
I tested in react-nodegui-starter by:

inline style like:

style={'background-image: url(/Users/leo/Pictures/20150922224629_25mVM.jpeg)'}

style sheet like:

const styleSheet=`
  background-image: url(/Users/leo/Pictures/20150922224629_25mVM.jpeg);
`

All above methods did not work.

from react-nodegui.

Hi @leopku

import { Window, hot, View, Button } from "@nodegui/react-nodegui";
import React from "react";
import { QIcon } from "@nodegui/nodegui";
import nodeguiIcon from "../assets/nodegui.jpg";

const minSize = { width: 500, height: 520 };
const winIcon = new QIcon(nodeguiIcon);
class App extends React.Component {
  render() {
    return (
      <Window windowIcon={winIcon} windowTitle="Hello 👋🏽" minSize={minSize}>
        <View style={containerStyle}>
          <Button style={"background-color: blue;"} text="Hello"></Button>
        </View>
      </Window>
    );
  }
}

const containerStyle = `
  flex: 1; 
  background-image: url(/Users/atulr/Project/nodegui/react-nodegui-starter/assets/nodegui.jpg)
`;

export default hot(App);

This is the code I am using

and this is the output i get:

from react-nodegui.

Can you post the link to a repo where I can see the issue ? @leopku

from react-nodegui.

Magic.
After fixing nodegui/react-nodegui-starter#89, It works now.
Thank you @master-atul and @Solant .

from react-nodegui.

It not changed after changing url(...) to a new background.
See #150, plz.

from react-nodegui.