styling

Look at this fiddle . Enter Ctrl + F and search "gets" ... For me Chrome finds invisible text from this text: A long option that gets cut off It's reproduced on Linux/Ubuntu 12.04 Chrome Version 31.0.1650.63 HTML <!--works for a div--> <div> A long option that gets cut off </div> <!--but not for a select--> <select> <option>One - A long option that gets cut off</option> <option>Two - A long option that gets cut off</option> </select> CSS select { width:100px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } div { border-style:solid; width:100px; overflow:hidden; white-space

I have just started using WPF. I'm getting my head around styling system since. I come from a CSS background and I would like to set margin in percentage. <Style TargetType="TextBlock" x:Key="workflowNameTextBlock"> <Setter Property="Margin" Value="50"/> </Style> Currently value is set in pixels, but I would like to set it in %, i.e. 50%. How can I achive this? Thank you Here's how you implement 20% left and right margins in WPF: <Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="2*"/> <ColumnDefinition Width="6*"/> <ColumnDefinition Width="2*"/> </Grid.ColumnDefinitions> <TextBlock Grid

I have a page that spits out db data in long horizontal tables. I need to print it nicely so it does not cut off. Any tips ? If it doesn't fit on the paper in a readable font, it just doesn't.. In my opinion, huge horizontal tables (be it a HTML table or an Excel sheet with many columns) don't lend well to printing. For that matter, they don't lend well to viewing on a screen either. Remember vertical scrolling is much easier for your users than horizontal scrolling - all thanks to that little wheel on your mouse. Worst case, you might need to write a seperate print version which uses a

I have the following style applied to my div element: background-image: -moz-radial-gradient(50% -10%, ellipse closest-corner, rgba(5, 5, 5, 0.7), rgba(0, 0, 0, 0) 100%); This has the desired effect (being an inner drop shadow only at the top of the div ). I would like to apply the same effect at the bottom of the div . The following line does it well, but it seems to override the first, so I can only get one or the other. background-image: -moz-radial-gradient(50% 110%, ellipse closest-corner, rgba(5, 5, 5, 0.7), rgba(0, 0, 0, 0) 100%); Can someone show me how I can have multiple radial

I am currently trying to extend our application with different style. For each style I have a separate qml file with e.g. color definitions. StyleA.qml: import QtQuick 2.0 QtObject { property color textColorStandard: 'black' ... } In my main.qml I would like to load the right qml file, based on a software property: import QtQuick 2.0 Item { id: mainPanel .... Loader { id: myDynamicStyle source: Property.UseThemeA? "StyleA.qml" : "StyleB.qml" } ... Item { id: BackGround color: myDynamicStyle.textColorStandard } } unfortunately this approach does not work. Is there any other/better way to

I would like to put my ScrollViewer in such a way that it overlaps/sits on top of the content it scrolls. I would set the Opacity of the ScrollViewer so that the content is visible underneath. As far as I understand the default ScrollViewer, this doesn't seem to be possible out of the box since the content is nested inside the ScrollViewer. Any ideas on how to make this work? EDIT: I understand that the ScrollViewer is a Decorator and that the content is not aware of the ScrollViewer. This separation is good and I don't want the content to be aware of the ScrollViewer. What I try to do is a