[Rapid PHP] CSS Preview File

Post your questions and problem reports here

Moderator: kfury77

Forum rules
Please try to follow these guidelines. This will help to receive faster and more accurate response.
  • Check the Support section of the corresponding product first. Chances are you will find your answer there;
  • Do not create new topics for already reported problems. Add your comments to the existing topics instead;
  • Create separate topic for each problem request. Do NOT post a number of non-related problem reports in a single topic;
  • Give your topic a meaningful title. Titles such as "A question," "Bug report" and "Help!" provide others no clue what your message is about;
  • Include the version number of the software you are using;
  • This is not an official customer support helpdesk. If you need a prompt and official response, please contact our support team directly instead. It may take a while until you receive a reply in the forum;
Post Reply
User avatar
DevlshOne
Posts: 8
Joined: Wed Oct 05, 2011 5:47 pm

[Rapid PHP] CSS Preview File

Post by DevlshOne »

v11.2.0.129

I'm looking for some step-by-step instructions on creating and using a CSS Preview file. There are specific third-party CSS files that have classes that I'd like to visually see how they affect the DOM before using.

Thanks
Top
User avatar
Nikolajs
Blumentals Software Developer
Posts: 108
Joined: Mon Sep 19, 2011 8:28 am

Re: [Rapid PHP] CSS Preview File

Post by Nikolajs »

While editing a CSS file choose Horizontal or Vertical Split view, then open and select an HTML file you want to preview. Notice a toolbar on top of the preview window.

Image
Nikolay Dutchuk
Blumentals Software
Top
mithcd
Posts: 47
Joined: Sun Jul 01, 2012 6:30 pm

Re: [Rapid PHP] CSS Preview File

Post by mithcd »

Thanks for the tip Nikolajs. Is there a link for a complete tutorial regarding this?
When in doubt, use Brute Force Image
Top
User avatar
Nikolajs
Blumentals Software Developer
Posts: 108
Joined: Mon Sep 19, 2011 8:28 am

Re: [Rapid PHP] CSS Preview File

Post by Nikolajs »

Image

Here is a more detailed step-by-step description:
1) Open an existing or create a new CSS file.
2) Select Horizontal/Vertical Split view mode to view both the code and the output.
3) Click Open button on the Split view toolbar to select a HTML file to render in the output window.
4) Select the opened HTML file from the Split view combo box.
5) That’s it.

Now the specified HTML file is used to render the CSS file.
Nikolay Dutchuk
Blumentals Software
Top
Post Reply

Return to “HTMLPad / Rapid CSS / Rapid PHP / WeBuilder Support”