I meant that you import it into the "files" section of your project, then it's not saved into the sprite-sheet.

You can set the opacity with css

opacity: 0;

Oh thank you, setting the opacity with css works. Neat!

I am currently working with form buttons quite intense, in order to make the project I am working on more accessible.

I ran into a problem where it is not acceptable that a button's (html) name is the same as its text content (on the screen it shows the text an "x", but the screenreader needs to read the name of the button as "close window").

I noticed that on html webpages, the name and content of a button are different. A button can be called "closewindowbutton" while it shows an "x". I tried to accomplish that by using the "set attribute" command, but I ran into problems. See images below.

This is my button, test button 1.

As you see, when I check how it appears in html via the accessibility section in the browser, it shows test button 1 as its name, and also as content on a "text leaflet". Its values is empty.

Of course, I tried to use the command "set attribute: name", but it has no effect on the button.

When I, however, use "set attribute: value", it uses this data to set the name and text of the button. The actual value entry stays empty though.

So I assume Construct somewhat has its own mind on how to make something with the buttons.

I'd like to know if there is any chance I can actually modify the button's name somehow, or if that is just not possible. Weird though that I can select it as a command, while it does not seem to do anything. Maybe I missed something?!

Hi folks, I was wondering if the games and / or plugins that we use in construct do collect any user data, if and how I can find out about it.

Someone pointed out, that a project I was hosting might use google analytics, but it may as well be that this google analytics came from itch.io, where I hosted it.

Can I find out if there are any plugins, websockets or stuff that might collect data? And if yes, how would I do that?

Thank you for your answer. I think what works now is that I set the line height to fontsize * 1,5. It is checked by an accessibility professional right now (writing something in easy language requires a line height of x1,5, thats why I have to get it quite exactly right). It looks ok on the first glance and also works with different font sizes.

Thank you for your answer! It kinda works, but it was a bit tricky to get done. This is how I managed to do it in the end:

I set the property "background-image" to "url(images/myimage.png)" -> the images are saved in the images folder after export, not in the Files folder (as I first thought).

BUT the sprites are combined on a sprite sheet. In order to display just one specific file, I had to put the image into the image folder in the zip file AFTER exporting it.

By the way, the form buttons don't have the opacity option.

But anyways, it works now, so thanks again!

Its me again, with my old friends, the form buttons. For accessibility reasons, I have to use those and can't use sprites to make buttons out of.

I am wondering if its possible to embed an image in the button. In CSS for websites, there are multiple ways. I tried to embed an image with a weblink which did not work. I am wondering if it is possible at all, and I did it wrong, or if its not something that construct supports.

I would like to use the line height to reflect line spacing in a word or online text. The default value of line height is 0 pixels. I'd like to set it to something that resembles a line spacing of 1,5.

How can I use the line height for that purpose?

I figured it out myself. If anyone runs into this question, here is what I did to display the two different layouts:

I created layout 1 (landscape) with all elements arranged matching a landscape mode, and layout 2 (portrait), with the elements matching that. When the project loads, I set the canvas according to the viewport size, but switch the values for width and height. This way, I get portrait on mobile web and landscape on pc web, without having to rotate anything by 90°

I want to display my web project differently on mobile devices from pc. On a pc browser, I want to display a layout that is set in landscape mode, and on mobile, in a portrait mode.

I already figured out how to lock the project in either landscape mode or portrait mode, depending on the device.

My problem is though, that in the portrait mode, the project is still displayed in landscape mode, with black bars on top and bottom.

Is there maybe a way to change the viewport on runtime to match the portrait mode?

Changing the size settings in the layout did not seem to work.

Hey folks, I am currently building a project with a popup that contains scrollable text and just wanted to mention: be super aware how you set the parent-child relationships in your elements.

As long as I have a static window with scrollable text, all is fine, but as soon as it starts moving into the screen, together with a bunch of other elements (e.g. the scrollbar, or a background texture, or a picture...), things get very weird.

E.g.: I had a scrollviewport on a popup window. I moved the scrollviewport up and down, and I made it the parent to the background. This lead to the whole background being the limiting area for the scrolling, not only the viewport.

That works, thank you very much!