Elliott's Recent Forum Activity

  • Silly question, but are you sure you're looking at your app data and not the entire game itself?

  • Ah, I see.

    To my knowledge there's no natural way of doing this, the two work arounds I can see:

    1) Edit the exported HTML5 index.html so that the button is styled inline.

    2) Make the file chooser transparent and sit on top of a sprite that has the visual appearance you want.

  • Each object sets it's CSS individually; so the button has it's own Set CSS action that applies to it, and so does the File Chooser:

    https://www.scirra.com/manual/111/button

    https://www.scirra.com/manual/182/file-chooser

    To have a partially transparent button border you would set it's colour using RGB values, so for example the rule would be:

    color: rgba(255, 0, 0, .5);

    Where the values are declared (red, green, blue, opacity)

    Bevel isn't a deafult CSS property that can be declared, if you wanted to achieve an effect that looks like that you would use border-radius to curve the edges and a linear gradient as the background: https://stackoverflow.com/questions/254 ... ton-in-css

    CSS is a vast language with lots of properties, if you're looking for I'd complete list I would go here: https://www.w3schools.com/css/default.asp

  • Whups, I thought we were talking about styling C3 themes!

    C2 has CSS support for it's HTML elements like buttons and file pickers; you set these individual in the object itself through actions - for example to set the buttons CSS you set the condition, and then use the buttons Set Style as the action.

    Alternatively you can style these elements with an external stylesheet or inline stylingif you're publishing a web app, you just have to update the index.html file C2 generates in a text editor.

  • Try Construct 3

    Develop games in your browser. Powerful, performant & highly capable.

    Try Now Construct 3 users don't see these ads

  • You need to choose the element, by either id (#), class (.), or semantic (header, footer, nav etc.).

    These can be combined with selectors to be even more specific, for example p{} will style all paragraphs, however body p{} will only style paragraph elements within the body. CSS has entire concepts devoted to this, and it's worth reading up on how both the cascade and specificity works (rules like !important will help you a lot in the beginning, but try not to become reliant on it!); as well as additional selectors like siblings, adjacents, and wildcards, as well as pseudo classes.

    The best way to identify elements in C3 is open dev tools in Chrome and use the selector tool (Ctrl+Shift+C) to highlight elements, for example the new file button is .spOpenFileButton, so to give that a red background you would write:

    .spOpenFileButton{

    background:red;

    }

  • You can't argue with Pixi's performance, simply amazing:

    Would be very interested if C3 can take advantage of whatever magic is allowing this

  • This sounds fantastic - I'd happily pay for it

    > If the project is really as simple as described and performs as you say it does, you may have found an underlying engine flaw - please share the example.

    >

    It is simple but it is commercial. It includes 3rd party copyright material and had been developed for a 3rd party client. NDA forbidden me to share it with anybody not related to the client or me. Sorry. I can't risk getting sued. And as I said - Mac port working or not working is just a small piece of the overall problem. What about mobiles? What about IAPs? What about Ads? What about Steam API? what about the rest of my post?

    I understand what you're saying, but there isn't a client in the world that would be happy with your stated 3-5fps, so the project clearly isn't commercially viable - surely they'd allow you to share it (especially sans assets) with the engine developers if it resulted in a working end product for them?

    The rest of your post still stands, I emphasize immensely.

    If the project is really as simple as described and performs as you say it does, you may have found an underlying engine flaw - please share the example.

  • Please share the .capx with Ashley - I get second hand frustration in these threads because users will complain and then never share the final cause of issues; would love to see some closure.

    I would like to see the "set css style" action for buttons and other form objects expanded upon.

    As it stands right now you either have to make a new action for each style change, which just takes too long.

    or you can add a text object and set web font to reference a style sheet, but that isn't intuitive.

    it would be nice if there was a editor window that allows you to enter multiple css styles quickly and can change the style depending on the button's state (clicked, hover, ect.).

    Given that the full version of C3 seems to have expanded CSS support (Click File > Add new > Stylesheet) - I wouldn't be surprised if this suggestion is already implemented.

    ... Now if we could use CSS to build menus, animations and objects, I would be very, very excited!

Elliott's avatar

Elliott

Early Adopter

Member since 27 May, 2012

None one is following Elliott yet!

Connect with Elliott

elliottbear.co.uk

Trophy Case

  • 12-Year Club
  • Forum Contributor Made 100 posts in the forums
  • Forum Patron Made 500 posts in the forums
  • Regular Visitor Visited Construct.net 7 days in a row
  • RTFM Read the fabulous manual
  • Great Comment One of your comments gets 3 upvotes
  • Email Verified

Progress

18/44
How to earn trophies

Blogs