4 Replies Latest reply on Sep 17, 2016 4:24 PM by Ben

    How to change the CSS of a custom theme

    michaellechthaler

      In a FileMaker solution I have a custom theme. Now I want to modify the styling of a tab-panel (not tab-control). As far as I can see, this is only possible in the CSS file directly (inspector has no options for it - you can not even select it). As the custom style is embedded in the FileMaker solution file, how can I modify the CSS of such a custom theme?

       

      Any help would be appreciated as I do not want to copy/paste an existing default theme and then reapply all the style changes I did so far ... just to change a color in a tab-panel

       

      Best regards

      Michael

        • 1. Re: How to change the CSS of a custom theme
          mikebeargie

          It is not possible to edit the CSS of any theme directly really (nor recommended, unforeseen consequences later when you update filemaker).

           

          You should make your changes to an object, save the style to that object, and then save that object's style to the custom theme. This will cause the style for any object (EG tab control) across your file where that theme is used to update.

           

          Essentially it's the same thing as editing CSS, make the changes in one place, and have it apply to all objects across the file.

          • 2. Re: How to change the CSS of a custom theme
            mikebeargie

            Here's documentation:

             

            How do you create and save your own themes in FileMaker Pro? | FileMaker

             

            "Save changes to theme" is what you're looking for in order to apply an object style change file-wide.

            • 3. Re: How to change the CSS of a custom theme
              michaellechthaler

              Thanks for your response but this is not my problem. I do know how to work with styles and themes in the inspector. My problem is that some styles are not editable in the FileMaker inspector but only in the CSS file. As a custom theme does not have a CSS file to edit, it's impossible to change such a style. I was wondering if there is a way to still access this information and edit it. From the binary data of a .fmp12 file I can see the custom theme is embedded but of course I cannot edit it there.

              • 4. Re: How to change the CSS of a custom theme
                Ben

                Hi Michael,

                 

                There is no CSS file you can edit for custom themes as custom themes are embedded in the FileMaker file. It is possible to edit the CSS files of default themes, and even to make copies of the default themes, but you'd need to copy the edited CSS and Manifest files to any users, so it's not really practical.

                 

                In layout mode if you right click on the Tab Panel there is an option in the Tabs Control Setup dialog for Tabs Share Single Style. If this is de-selected you can apply different styling to each Tab Panel in the Tab Control separately.

                 

                I hope this helps

                Ben