Παρουσίαση με Ετικέτες

• Anchors
• ASP.net
• Browser
• Bugs
• Build
• Cache
• Centering
• Click
• ClipFlair
• Colors
• Copy
• Data
• DateTime
• Dev Tools
• Display
• Errors
• Firefox
• Fix
• Grid
• Hover
• HowTo
• HTML
• Information
• jqGrid
• jQuery
• jQuery-UI
• Layout
• Links
• Lint
• Menu
• Messages
• MVC
• Notepad++
• Operators
• Popup
• Posts
• Prometheus
• Publish
• Reset
• Ruleset
• Search
• Selection
• Skins
• Styles
• Styling
• Summary
• trafilm
• URL
• Validation
• Version
• Vertical
• WebPart
• WebPartZone
• Whitespace

HowTo: Reset browser cache of CSS files upon ASP.net MVC app publish
18 Οκτωβρίου 19 01:45 μμ | Μπιρμπίλης Γεώργιος | 0 σχόλια   

On an ASP.net MVC webapp I’m maintaining, I had the issue that due to caching of older CSS (stylesheet) files in the browser, if the user didn’t press F5/refresh, it wasn’t showing you some message (since I had added the class .center-horiz-vert in the CSS that didn’t exist in the older cached css the browser […]

Δημοσίευση στην κατηγορία: Posts, Browser, HowTo, URL, CSS, ASP.net, Version, Prometheus, MVC, Reset, DateTime, Build, Cache, Publish

Fix: jqGrid search operator menu items jumping around on hover
06 Νοεμβρίου 18 08:27 μμ | Μπιρμπίλης Γεώργιος | 0 σχόλια   

A colleague noticed earlier on today, that on the Chrome browser they were using, the search operator menu items of a jqGrid on a web app’s UI were jumping around on hover, making it practically impossible to select one.    Seems this had started occurring on that ASP.net MVC web application, after a recent update […]

Δημοσίευση στην κατηγορία: Selection, Posts, Bugs, Search, Fix, Layout, CSS, Operators, Hover, jqGrid, Prometheus, jQuery-UI, Menu

HowTo: change color of validation messages in ASP.net MVC
02 Νοεμβρίου 18 02:35 πμ | Μπιρμπίλης Γεώργιος | 0 σχόλια   

If you need to customize the colors (or do more restyling) of validation messages in ASP.net MVC, the following snippet from a discussion on ASP.net forums should be useful: Add to Content/Site.css: /* styles for validation helpers */ .field-validation-error {     color: #b94a48; } .field-validation-valid {     display: none; } input.input-validation-error {     border: 1px […]

Δημοσίευση στην κατηγορία: Posts, Errors, Validation, HowTo, CSS, ASP.net, Colors, Styling, MVC, Messages, Summary

Fix: jQuery’s jqGrid search UI custom styling
03 Οκτωβρίου 18 01:35 μμ | Μπιρμπίλης Γεώργιος | 0 σχόλια   

Lately, I’ve got the task of maintaining/extending an ASP.net MVC web application that is using jQuery’s jqGrid for data grids on its UI. First thing I noticed was how confusing the search UI on the grid’s header was: Those symbols on the left-side of each column’s searchbox are for the type of search (e.g. contains, […]

Δημοσίευση στην κατηγορία: Posts, Fix, CSS, ASP.net, Data, Styling, jqGrid, Prometheus, Grid, MVC, jQuery

HowTo: Show block on anchor hover and click to keep open with CSS
25 Νοεμβρίου 17 12:02 πμ | Μπιρμπίλης Γεώργιος | 0 σχόλια   

I was looking for a way to show a hidden HTML element with just CSS (no Javascript) when mouse hovers over an anchor (say over a “more…” note), while at the same time also supporting touch-only (no mouse) clients, where clicking should show (and keep open) that same element. I ended up combining solutions and […]

Δημοσίευση στην κατηγορία: Posts, Popup, Information, CSS, HTML, Hover, Click, Anchors, Display

HowTo: Copy effective-computed CSS style for specific HTML paragraph
25 Ιανουαρίου 16 02:48 μμ | Μπιρμπίλης Γεώργιος | 0 σχόλια   

I’m in the process of setting up a temporary landing page for the trafilm project, where I need apart from showing the trafilm logo to also show some text description about the project, till I set up an instance of MonoX Social CMS for it, like the one in ClipFlair’s Community website (ClipFlair Social). Since […]

Δημοσίευση στην κατηγορία: Posts, ClipFlair, HowTo, CSS, Firefox, HTML, Copy, Styling, Ruleset, Dev Tools, Whitespace, Notepad++, trafilm, Lint

Vertical Centering with CSS
03 Αυγούστου 12 04:50 μμ | Μπιρμπίλης Γεώργιος | 0 σχόλια   

According to http://www.w3.org/Style/Examples/007/center.en.html#vertical CSS level 2 doesn’t have a property for centering things vertically. There will probably be one in CSS level 3. But even in CSS2 you can center blocks vertically, by combining a few properties. The trick is to specify that the outer block is to be formatted as a table cell, because [...]

Δημοσίευση στην κατηγορία: Posts, ClipFlair, HowTo, Links, Layout, Vertical, CSS, Centering

ASP.net WebPartZone skins and CSS
03 Αυγούστου 12 03:59 μμ | Μπιρμπίλης Γεώργιος | 0 σχόλια   

I was just examining a MonoX portal skin that our designer is authoring for the ClipFlair platform and noticed that in the Default.skin file, there’s a note pointing to http://support.microsoft.com/kb/911717 that speaks of an issue with Microsoft’s implementation of WebPartZone skins: There it says: The CssClass property does not affect the following style objects: •The [...]

Δημοσίευση στην κατηγορία: Posts, ClipFlair, Styles, CSS, WebPartZone, Skins, ASP.net, WebPart