How to find the source code of a CssClass in Visual studio - asp.net

How can I trace back to look at the table table-striped css code?

If you need to find anything in your solution you can do so by using the search functionality in VS. It's impossible to do anything without it, definitely one of the most used shortcuts.
Opens the window to search the entire solution for whatever it is you're after...
ctrl + shift + f

As others have pointed out, you can use <CTRL><SHIFT><F> to find the CSS class. I prefer to use this in conjunction with Dev Tools and the Elements selector.
One other thing, I see you're using a GridView. If you're working on a responsive website, a GridView will not work since it produces its own table markup. If that Is the case I would suggest using a ListView instead, especially if you're hooking up to Bootstrap.

Related

Can I just shove all my CSS through an online prefixer?

Basically, I have finished the CSS for a site at work, but I've never used a prefixer before.
Can I just stick the whole lot (about 900 lines) through an online prefixer E.G. https://autoprefixer.github.io/ ?
Or will this cause issues?
Would I be better using something built into VS Code or using some sort of processor?
Thanks.
P.S. I did look for another question/answer similar to this, but couldn't find a definitive answer.
If you are working on chrome and have compleated your project that is totally fine. You can use the auto prefixer without any hesitation. You just need to copy and paste the code then you need to copy the auto prefixed code and paste in your code editor. In rare cases, some of your properties may not work in the other browsers (as I said very rare properties) but that will not affect your existing code I can guarantee that.
Just go through this to know about the existing and deprecated CSS properties.
Can I Use

How to make outputed html source compact in asp.net

Visited http://www.12titans.net/p/s/register.aspx, right click view source on the page .I found the html source so compact,have no blank. How to do like this in asp.net?
I am use IE8 ,tks in advance! sorry for my bad english!
I have the same problem with debugging some spring mvc projects, What i normally do is use chrome, right click on the page and inspect element. The element explorer is the source code with javascript applied to it, so i might be a little different, but normally for the better
hope this answer your question.
When you generate HTML using ASP.NET, just don't insert tabs or line breaks or spaces in the source code, and when you code HTML by hand, do the same thing.
In other words, do it by hand.
You can also use a DOM Parser which should be able to get the bare necessities and print it out without any tabs or whitespace.

Conditional CSS?

Maybe not and I need to do this in HTML but is there a way to write
if($('.Name1 li').length>2) $('.main').css('k', 'v');
I did this in JS and if I am loading the page for the first time I see a noticeable pop happen. Its not 'bad' but I do 'notice' it.
It would be better if you check this condition on server side (php, ruby, C#, python, whatever) and assign some class then.
CSS is not a programming language, it is not designed to interact with HTML in this way.
Something similar is or will soon be possible using JESS, a framework combining CSS with JavaScript for, umm, "dynamic styling." I haven't looked at it in dept myself yet, but it may be worth a look for people interested in this sorta thing.
Unfortunately you're always going to get this flash of unstyled content whenever you do this kind of class setting with javascript since the JS is loaded after everything else on the page.
Without knowing what specifically you need to achieve, some suggestions would be to use some kind of placeholder CSS on the offending elements (setting a width / height / colour / whatever it is you need) to try to mitigate the effect. You can also try to mitigate it by making sure your page is optimised as much as you possibly can, so give it a run through with yslow and see if there are any speed improvements you can make.
The only other (and best) way would be to use klew's suggestion and insert the class server-side instead of waiting until the DOM has loaded for JS to do its stuff.

ASP.NET Editable Text Box with Syntax Highlighting

Here's what I'm trying to do. I'm looking for a WYSIWYG editor or just a plain text-box that will highlight HTML syntax (in ASP.NET). Basically, we have a CMS that allows you to mess with templates for various pages, but right now all of the editable HTML is in a plain, ugly, text box. Does anyone know of an editor that will highlight the synax and allow you to edit it? I've checked out Antipro SyntaxEditor, which seems to be a good highlighting solution, but it's just a highlighter, and not an editor.
Thanks!
You may need to combine tools. For example, SO combines Markdown with Google Prettify which handles the actual syntax highlighting.
Another option is CKeditor and they offer open source licensing.
I use FreeTextBox on my dasBlog site. It seems to work pretty well and has the capabilities you're asking for.
Update
Hmm... the version on my own site has a button the toolbar to do syntax highlighting, but that button isn't shown on any the demos available at the link I have gave you. Just know that it does work, but that you may have to play with the configuration some to get that working.

Visual Studio 2008 - Un/Comment button for css

Is there a way to add a comment/uncomment css line/s button to the menu in the VS2008 css editor? Other than adding a macro. Thanks.
There is not a way, quite a few people have wondered why they'd leave this out. Here's the most detailed way I've seen to add a macro by Brian Schmitt. I know it's not what you want, but he also outlines how to add it as a keybind, meaning you could make the Ctrl+K,Ctrl+C work for commenting lines in CSS files just like it does in code files now. It's a little work to setup, but if you're used to the Ctrl+K, Ctrl+C it's really nice to have it work everywhere.
I believe it's the closest you can come to what you're after until they add it as a built in keybind.

Resources