Right way to use "Show applied styles"

Answered

Hello,

what is the right way to use "Show applied styles for tag" functionality? It doesn't work for me on a Symfony2 project. I can use autocomplete in twig to add styles to the corresponding HTML elements, but if i want to see all applied styles, the CSS Styles tab is empty. 

 

Thank you.

6 comments
Comment actions Permalink

Hello,

 

Have you followed the instructions?

I've just checked this and it works with a sample project. I guess you would need to double check your html-css linking and if everything is OK - please attach screenshots illustrating the issue.

0
Comment actions Permalink

Hello Dmitry, 

 

i have the following folder structure:

linked css in index.html

Right click on ".row", "Show applied styles.." 

As a result empty CSS Styles tab.

OS X El Capitan 

PhpStorm 2016.1.2
Build #PS-145.1616, built on May 24, 2016
JRE: 1.8.0_76-release-b198 x86_64
JVM: OpenJDK 64-Bit Server VM by JetBrains s.r.o

0
Comment actions Permalink

Thanks, unfortunately I can't see the source code and this ".row" part you're referencing to (div class="row"?).

But here's an example I've made based on a sample project:

1. I have a div.foo defined in example.css:

2. Right click it in a corresponding example.html:

3. attributes should be visible on a left side. Click any of it to get a class definition:

 

If that doesn't work for you on a test project, please check the same in EAP build.

0
Comment actions Permalink

It works in EAP build.

0
Comment actions Permalink

Thanks for the update! Next PhpStorm update would include the fix for the issue.

0

Please sign in to leave a comment.