﻿<?xml version="1.0" encoding="utf-8"?><rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:media="http://search.yahoo.com/mrss/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0"><channel><title>Intersoft Community - css</title><link>http://www.intersoftsolutions.com/Community/Tags/css/</link><description /><generator>http://www.intersoftsolutions.com</generator><language>en</language><copyright>Copyright 2002 - 2015 Intersoft Solutions Corp. All rights reserved.</copyright><ttl>60</ttl><item><title>What are you using to theme your crosslight app</title><link>http://www.intersoftsolutions.com/Community/Tags/css/</link><pubDate>Tue, 22 Apr 2014 12:51:23 GMT</pubDate><dc:creator>nick5454@yahoo.com</dc:creator><category>Theme</category><category>css</category><category>Crosslight</category><description>&lt;p&gt;I am curious what people are using to style their apps? I plan on using the NativeCSS 3rd party. Is there any API's through cross light to do it, or what is everyone else using that their happy with?&lt;br /&gt;&lt;/p&gt;</description></item><item><title>custom css width not working under ie8</title><link>http://www.intersoftsolutions.com/Community/Tags/css/</link><pubDate>Fri, 03 Dec 2010 11:28:20 GMT</pubDate><dc:creator>lybax</dc:creator><category>WebCombo</category><category>IE8</category><category>Style</category><category>Width</category><category>css</category><category>class</category><category>size</category><category>hard coded</category><category>hardcoded</category><category>FrameStyle</category><description>&lt;p&gt;Hi there!&lt;/p&gt;
&lt;p&gt;As IS WebCombo does not provide a CssClass in the main control, as overriding LayoutSettings styles (e.g. FrameStyle) using CssClass breaks the default design, we decided to set WebCombo.Width to 100% and define the actual (expected) width in a parent div element. &lt;/p&gt;
&lt;p&gt;This solution (workaround) was rather satisfying on IE7 and FF (a bit less), but is not working anymore on IE8. Setting Width="100%" displays the WebCombo with a size of 150px. Without setting the Width, its size is 200px (hardcoded in inner controls!!!).&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;So my question is: What can I do?&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;&lt;li&gt;Why is the WebCombo designed with hardcoded style (absolute, width, font-size)?&lt;/li&gt;&lt;li&gt;Why isn't there any way to properly override style using css class without breaking default style and without redefining all default style?&lt;/li&gt;&lt;li&gt;Some default css class are available (e.g. WC4-F-N), but not on all div: why?&lt;/li&gt;&lt;li&gt;Why is the WebCombo HTML structure (div elements) so weird and complicated?&lt;/li&gt;&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;I'm scratching my head for hours finding a "workable" bastard solution using "!important" css keyword everywere I can, in order&amp;nbsp;to ignore IS hardcoded style (e.g. width:auto !important; height:inherit !important), but I'm stuck&amp;nbsp;in this poor design...&amp;nbsp;please help me!&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="font-size: 8pt"&gt;&amp;lt;DIV id="wcTest_f" &lt;strong&gt;class="WC4-F-N"&lt;/strong&gt; style="POSITION: relative; &lt;strong&gt;WIDTH: 200px&lt;/strong&gt;; FLOAT: left; VERTICAL-ALIGN: middle; OVERFLOW: hidden"&amp;gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="font-size: 8pt"&gt;&amp;lt;DIV id="wcTest_search" &lt;strong&gt;class="WC4-DD-N"&lt;/strong&gt; hideFocus style="TEXT-ALIGN: center; FILTER: ; FLOAT: right; OVERFLOW: hidden; opacity: 1; MozOpacity: 1; KhtmlOpacity: 1"&amp;gt;&amp;lt;/DIV&amp;gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="font-size: 8pt"&gt;&amp;lt;DIV hideFocus style="&lt;strong&gt;POSITION: absolute&lt;/strong&gt;; FONT-FAMILY: Webdings; COLOR: black; &lt;strong&gt;FONT-SIZE: 9pt&lt;/strong&gt;; OVERFLOW: hidden; TOP: 0px; CURSOR: default; RIGHT: 1px"&amp;gt;6&amp;lt;/DIV&amp;gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="font-size: 8pt"&gt;&amp;lt;DIV style="&lt;strong&gt;WIDTH: 179px; HEIGHT: 18px&lt;/strong&gt;; OVERFLOW: hidden"&amp;gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="font-size: 8pt"&gt;&amp;lt;INPUT id="wcTest_text" &lt;strong&gt;class="WC4-TB-N" &lt;/strong&gt;style="PADDING-LEFT: 2px; &lt;strong&gt;WIDTH: 100%"&lt;/strong&gt;&amp;nbsp; name="wcTest_text" autocomplete="off" value="" /&amp;gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="font-size: 8pt"&gt;&amp;lt;/DIV&amp;gt;&amp;lt;/DIV&amp;gt;&lt;/span&gt; &lt;/p&gt;
&lt;p&gt;&lt;span style="font-size: 8pt"&gt;&amp;lt;TABLE style="DISPLAY: none" id="wcTest_udata"&amp;gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="font-size: 8pt"&gt;&amp;lt;TBODY&amp;gt;&amp;lt;TR &lt;strong&gt;class="WC4-Row-N"&lt;/strong&gt; dataValue="Col1Row1"&amp;gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="font-size: 8pt"&gt;&amp;lt;TD style="&lt;strong&gt;WIDTH: 200px"&lt;/strong&gt; &lt;strong&gt;class="WC4-C" &lt;/strong&gt;noWrap="noWrap"&amp;gt;&amp;lt;NOBR&amp;gt;Col1Row1&amp;lt;/NOBR&amp;gt;&amp;lt;/TD&amp;gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="font-size: 8pt"&gt;&amp;lt;/TR&amp;gt;&lt;/span&gt;&lt;span style="font-size: 8pt"&gt;&amp;lt;/TBODY&amp;gt;&amp;lt;/TABLE&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt; &lt;/p&gt;
&lt;p&gt;We are working on a project for more than a year using IS solution and we still hope there will be a clean solution for all our workaround we needed. And I'm not talking about WebGrids...&lt;/p&gt;

&lt;p&gt;This becomes URGENT! &lt;/p&gt;
&lt;p&gt;Thank you for your feedback and help.&lt;/p&gt;
&lt;p&gt;Nico&lt;/p&gt;</description></item><item><title>WebCombo layout issue</title><link>http://www.intersoftsolutions.com/Community/Tags/css/</link><pubDate>Mon, 11 Jan 2010 09:16:31 GMT</pubDate><dc:creator>lybax</dc:creator><category>WebCombo</category><category>Style</category><category>Width</category><category>css</category><category>class</category><category>layout</category><category>DoResize</category><description>&lt;p&gt;2 questions (use attached txt file = aspx for demo):&lt;/p&gt;
&lt;p&gt;1. As there is no CssClass property on WebCombos, I need to set the Width="100%" on WebCombos in order to be able to define the width in the stylesheet.&lt;/p&gt;
&lt;p&gt;e.g. &lt;span style="font-size: 13px; color: #0080ff"&gt;&lt;span style="font-size: 13px; color: #0080ff"&gt;&amp;lt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&amp;lt;&lt;span style="font-size: 13px; color: #ff0000"&gt;&lt;span style="font-size: 13px; color: #ff0000"&gt;div&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size: 13px; color: #c0c0c0"&gt;&lt;span style="font-size: 13px; color: #c0c0c0"&gt; &lt;/span&gt;&lt;/span&gt;&lt;span style="font-size: 13px; color: #ff0000"&gt;&lt;span style="font-size: 13px; color: #ff0000"&gt;style&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size: 13px; color: #0080ff"&gt;&lt;span style="font-size: 13px; color: #0080ff"&gt;="&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size: 13px; color: #ff0000"&gt;&lt;span style="font-size: 13px; color: #ff0000"&gt;width&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size: 13px; color: #c0c0c0"&gt;&lt;span style="font-size: 13px; color: #c0c0c0"&gt;:&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size: 13px; color: #0080ff"&gt;&lt;span style="font-size: 13px; color: #0080ff"&gt;400px&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size: 13px; color: #0080ff"&gt;&lt;span style="font-size: 13px; color: #0080ff"&gt;"&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size: 13px; color: #0080ff"&gt;&lt;span style="font-size: 13px; color: #0080ff"&gt;&amp;lt;&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size: 13px; color: #ff0000"&gt;&lt;span style="font-size: 13px; color: #ff0000"&gt;is&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size: 13px; color: #0080ff"&gt;&lt;span style="font-size: 13px; color: #0080ff"&gt;:&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size: 13px; color: #ff0000"&gt;&lt;span style="font-size: 13px; color: #ff0000"&gt;WebCombo&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size: 13px; color: #c0c0c0"&gt;&lt;span style="font-size: 13px; color: #c0c0c0"&gt; &lt;/span&gt;&lt;/span&gt;&lt;span style="font-size: 13px; color: #ff0000"&gt;&lt;span style="font-size: 13px; color: #ff0000"&gt;ID&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size: 13px; color: #0080ff"&gt;&lt;span style="font-size: 13px; color: #0080ff"&gt;="WebCombo2"&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size: 13px; color: #c0c0c0"&gt;&lt;span style="font-size: 13px; color: #c0c0c0"&gt; &lt;/span&gt;&lt;/span&gt;&lt;span style="font-size: 13px; color: #ff0000"&gt;&lt;span style="font-size: 13px; color: #ff0000"&gt;runat&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size: 13px; color: #0080ff"&gt;&lt;span style="font-size: 13px; color: #0080ff"&gt;="server"&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size: 13px; color: #c0c0c0"&gt;&lt;span style="font-size: 13px; color: #c0c0c0"&gt; &lt;/span&gt;&lt;/span&gt;&lt;span style="font-size: 13px; color: #ff0000"&gt;&lt;span style="font-size: 13px; color: #ff0000"&gt;UseDefaultStyle&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size: 13px; color: #0080ff"&gt;&lt;span style="font-size: 13px; color: #0080ff"&gt;="True"&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size: 13px; color: #c0c0c0"&gt;&lt;span style="font-size: 13px; color: #c0c0c0"&gt; &lt;/span&gt;&lt;/span&gt;&lt;span style="font-size: 13px; color: #ff0000"&gt;&lt;span style="font-size: 13px; color: #ff0000"&gt;Width&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size: 13px; color: #0080ff"&gt;&lt;span style="font-size: 13px; color: #0080ff"&gt;="100%"&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size: 13px; color: #c0c0c0"&gt;&lt;span style="font-size: 13px; color: #c0c0c0"&gt; &lt;/span&gt;&lt;/span&gt;&lt;span style="font-size: 13px; color: #0080ff"&gt;&lt;span style="font-size: 13px; color: #0080ff"&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size: 13px; color: #0080ff"&gt;&lt;span style="font-size: 13px; color: #0080ff"&gt;&amp;lt;/&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size: 13px; color: #ff0000"&gt;&lt;span style="font-size: 13px; color: #ff0000"&gt;div&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size: 13px; color: #0080ff"&gt;&lt;span style="font-size: 13px; color: #0080ff"&gt;&amp;gt; 

&lt;/span&gt;&lt;/span&gt;When I do so, the WebCombo's width shrinks on mouse over!!!&amp;nbsp; 

&lt;p&gt;Do you have any other solution to avoid this using style?&lt;/p&gt;
&lt;p&gt; &lt;/p&gt;
&lt;p&gt;2. I had the same kind of layout issue as &lt;a href="http://www.intersoftpt.com/Community/WebCombo/Webcombo-inside-Webtab/"&gt;http://www.intersoftpt.com/Community/WebCombo/Webcombo-inside-Webtab/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;using a javascript collapsible panel (style.display = 'block' / 'none') containing WebCombos, resulting in unsuable WebCombos...&lt;/p&gt;
&lt;p&gt;However, the "solution" provided looks more like a work-around than a real fix and this kind of issue is definitely a bug for me as I still need to use javascript DoResize method to fix it.&lt;/p&gt;
&lt;p&gt;Do you have any other solution allowing me to use my collapsible panel without calling DoResize() on each WebCombo?&lt;/p&gt;
&lt;p&gt;Thanks.&lt;/p&gt;</description></item></channel></rss>