This topic is locked

Modifying/creating a new Bootstrap theme

1/18/2019 12:24:23 AM
PHPRunner Tips and Tricks
admin

This article applies to PHPRunner 10.x, ASPRunner.NET 10.x and ASPRunnerPro 10.x.

  • proceed to <PHPRunner installation folder>\styles\less\bootswatch
  • create a new folder there. Call it "fantasy" or choose any other name of your liking
  • Go to https://www.bootstrap-live-customizer.com/. Choose one of predefined schemes or load variables.less file from one predefined PHPRunner themes located at <PHPRunner installation folder>\styles\less\bootswatch. "Import LESS variables" is the menu item you looking for.
  • Tweak the theme. Controls are on the right, preview is on the left. Here is who use it. For instance you need to customize form pages like Add and Edit. Scroll down till you see 'Forms' section. Mouse over the form and "related variables" tooltip will come up. Click it and form customization controls on the right side will appear.


  • Once you done download variables.less and theme.less to your local computer and save them to folder you just created i.e. <PHPRunner installation folder>\styles\less\bootswatch\fantasy
  • rename theme.less to bootswatch.less
  • run PHPRunner and enjoy your new theme