Announcement

Collapse
No announcement yet.
X
  • Filter
  • Time
Clear All
new posts

    Dark theme from web application

    Hi Team,

    We are using smartgwt 6.1 power license version. We are looking to add dark theme in our web site. we want user to switch between light theme and dark theme from web application using a ToolStripButton.

    Can you suggest how to Implement dark theme?

    How to change the TitleStyle of the ListGrid, Toolstrip, TabSet, ModalWindow to our custom font style like "BNPP Sans"?
    And also how to change the shape and color of the buttons and the look of the ModalWindow?

    Thanks in Advance
    Attached Files
    Last edited by Kalaibharathi; 3 Oct 2024, 23:03.

    #2
    hi Kalaibharathi ,

    By far the easiest thing to do is to upgrade to a more recent version and use a builtin Dark-skin, like Twilight, or use the Skin Editor tool provided with 13.1 to make your own Dark skin.

    If you don't want to upgrade, you'll need to start from the basics and do it by hand - see the Skinning Overview for more information.

    Comment


      #3
      Hi Isomorphic ,

      Any update for

      How to change the TitleStyle of the ListGrid, Toolstrip, TabSet, ModalWindow to our custom font style like "BNPP Sans"?
      And how to change the shape and color of the buttons.
      And also how to change the look of the ModalWindow like the below attachment ?
      Attached Files

      Comment


        #4
        These are deep skinning questions that can't be simply answered here - but it's all covered in the documentation. Please start from the Skinning Overview.

        Comment


          #5
          Hi Kalaibharathi,

          having done down the route of modifying the Simplicity skin, starting in 5.0 (?), I can definitely recommend NOT to go down this route. Keeping/Merging your modifications after an update is a real pain.
          SASS files in 6.0(?) made life a lot easier (but still not easy). Having the Skin Editor now is a great simplification (even if I have not used it for production). But doing anything manually here when you have this tool at your hands is a complete waste of time.

          Best regards
          Blama

          Comment


            #6
            Originally posted by Blama View Post
            Hi Kalaibharathi,

            having done down the route of modifying the Simplicity skin, starting in 5.0 (?), I can definitely recommend NOT to go down this route. Keeping/Merging your modifications after an update is a real pain.
            SASS files in 6.0(?) made life a lot easier (but still not easy). Having the Skin Editor now is a great simplification (even if I have not used it for production). But doing anything manually here when you have this tool at your hands is a complete waste of time.
            I totally agree

            Comment

            Working...
            X