There is a rendering issue with Google Chrome and Opera (why?=) with such code:

    &lt;html&gt;
    &lt;style&gt;
        #content {
            width: 150px;
            background: gray;
        }

        #sidebar {
            position: fixed;
            left: 200px;
            background: gray;
        }
    &lt;/style&gt;
    &lt;body&gt;
        &lt;div id=&quot;sidebar&quot;&gt;
            &lt;a href=&quot;#s1&quot;&gt;Link #1&lt;/a&gt;&lt;br/&gt;
            &lt;a href=&quot;#s2&quot;&gt;Link #2&lt;/a&gt;
        &lt;/div&gt;

        &lt;div id=&quot;content&quot;&gt;
            &lt;div id=&quot;s1&quot;&gt;
                &lt;a href=&quot;#s1&quot;&gt;Link #1 TARGET&lt;/a&gt;
                &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit,
                sed do eiusmod tempor incididunt ut labore et dolore magna
                aliqua. Ut enim ad minim veniam, quis nostrud exercitation
                ullamco laboris nisi ut aliquip ex ea commodo consequat.
                Duis aute irure dolor in reprehenderit in voluptate velit
                esse cillum dolore eu fugiat nulla pariatur.
                Excepteur sint occaecat cupidatat non proident, sunt in culpa
                qui officia deserunt mollit anim id est laborum.&lt;/p&gt;
            &lt;/div&gt;
            &lt;div id=&quot;s2&quot;&gt;
                &lt;a href=&quot;#s2&quot;&gt;Link #2 TARGET&lt;/a&gt;
                &lt;ul&gt;
                    &lt;li&gt;Item 1&lt;/li&gt;
                    &lt;li&gt;Item 2&lt;/li&gt;
                &lt;/ul&gt;
            &lt;/div&gt;
        &lt;/div&gt;

        &lt;a href=&quot;#&quot;&gt;TOP&lt;/a&gt;
    &lt;/body&gt;
    &lt;/html&gt;

As you can see, I am trying to make sidebar static on the right side.
Everything works fine, until you add some `&lt;UL&gt;` tag on the page:

http://www.youtube.com/watch?v=zkhH6di2M0c

The fixed div sometimes starts to disappear when I click anchor links.

What can be done to avoid such behavior?

Chrome rendering issue. Fixed position anchor with UL in body

I have installed IntelliJ IDEA (13.1.1 #IC-135.480) and JDK 1.8.0 (x64) and I generated some GUI with the GUI Form designer. 

Then I ran the code and realized that something is not alright. 

Here is a Screenshot of my GUI:
![Buggy Rendering JDK 1.8.0][1]

The rendering of the Font seems to be not OK. Additionally the Button looses its Text, when I move my mouse over it.

So I installed JDK 1.7.0_40 (x64), recompiled the Project and ran it again.

The following Form appears, when i use JDK 1.7:
![Rendering OK JDB 1.7.0_40][2]

The Rendering seems to be OK and the Button is also OK.

So I installed the newest Graphics and Chipset drivers and much more, but the problem still exists.
Have you ever had such problems with Java Swing UIs? Could you help me to fix my problems? 
Any help would be greatly appreciated.


----------

UPDATE:
-------

 

I created a small Project with only 1 JTextArea and 1 JButton and i have the same rendering problems.

According to Andrew Thompson i changed the setSize() and I start from EDT. The Example below:

    package at.maeh.java.client.simpleTextClient;
    
    import javax.swing.*;
    import java.awt.*;
    
    public class SimpleClient extends JFrame {
        private JPanel panel1;
        private JTextArea textArea1 = new JTextArea();
        private JButton button1 = new JButton();
    
        public SimpleClient() {
            super(&quot;SimpleClient&quot;);
    
            // Panel
            panel1 = new JPanel();
            panel1.setLayout(new FlowLayout());
    
            // BUtton
            button1.setText(&quot;TestButton&quot;);
    
            // TextArea
            textArea1.setColumns(40);
            textArea1.setRows(15);
    
            // Add Components
            panel1.add(textArea1);
            panel1.add(button1);
    
            // Add to Frame
            this.getContentPane().add(panel1);
    
            // pack and set Visible
            pack();
            setVisible(true);
    
            System.out.println(&quot;Constructor EDT: &quot; + SwingUtilities.isEventDispatchThread());
        }
    
        public static void main(String[] args) {
            SwingUtilities.invokeLater(SimpleClient::new);
    
            System.out.println(&quot;Main EDT: &quot; + SwingUtilities.isEventDispatchThread());
        }
    }
       
The result is a simple JFrame with the Components in it.

![SimpleClient -&gt; Screenshot immediately after Start][3]

When I write some Text, or moove my mousePointer over the Button the components get rendered like this (Text: testsentence.123; Button-Label: TestButton)

![after writing - or mouse over][4]

                                                                                    
                                                                                                                                      


  [1]: http://i.stack.imgur.com/zZwGe.png
  [2]: http://i.stack.imgur.com/lNXc0.png
  [3]: http://i.stack.imgur.com/xUSEs.png
  [4]: http://i.stack.imgur.com/ulOpJ.png

Swing rendering appears broken in JDK 1.8, correct in JDK 1.7

I have an issue with IE 11 and my react app. I use Webpack, babel and polyfill.io cdn and all is nice until rendering bundeled file, then it stops doing anything.
Do you have any idea what may go wrong?

Thanks in advance.

Why IE 11 display blank page rendering react app

Hello&lt;br/&gt;this weekend I started to watch the 2011 WWDC videos. I&#39;ve found really interesting topics about iOS. My favorites were about performance and graphics, but I&#39;ve found two of them apparently in contradiction. Of course there is something that I didn&#39;t get.
The sessions that I&#39;m talking about are Understanding UIKit Rendering -121 and Polishing your app -105.
&lt;br/&gt;
Unfortunately sample code from 2011 is still not downloadable, so is pretty hard to have an overall view.
In one session they explain that most of times offscreen rendering should be avoided during visualization in scrollview etc. They fix the performance issues in the sample code almost drawing everything inside the -drawRect method.
In the other session the performance issue (on a table view) seems to be due to too much code in the -drawRect method of the table&#39;s cells.&lt;br/&gt;
First is not clear to me when an OffScreen rendering is required by the system, I&#39;ve seen in the video that some quartz function such as: cornerRadious, shadowOffset, shadowColor requires it, but does exist a general rule?&lt;br/&gt;
Second I don&#39;t know if I understood well, but it seems that when there is no offscreen rendering adding layers or views is the way to go.
I hope someone could bring light about that..&lt;br/&gt;
Thanks,&lt;br/&gt;
Andrea


When does a view (or layer) require offscreen rendering?

See the simple form below. It&#39;s just a text box on top of a password box. If you look at it in Internet Explorer 7 (and 8, and probably others) the text box is 10 pixels wider than the password box. 

    &lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD HTML 4.01//EN&quot;
       &quot;http://www.w3.org/TR/html4/strict.dtd&quot;&gt;
    
    &lt;html&gt;
    &lt;head&gt;
    	&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot;&gt;
    	&lt;title&gt;IE Text vs. Password test&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;                 
                         
    &lt;form action=&quot;test&quot;&gt; 
      &lt;p&gt;
        &lt;input type=&quot;text&quot;&gt;&lt;br&gt;  
        &lt;input type=&quot;password&quot;&gt;      
      &lt;/p&gt;
    &lt;/form&gt;          
    
    &lt;/body&gt;
    &lt;/html&gt;   

Is there a way to &quot;fix&quot; that globally, either through CSS or by adding something to the HTML? 

 
          

Why does IE make password boxes smaller than text boxes?

When I create a new project on android studio it is not giving any problem. However, looking at the `activity_main.xml` design it is shows me this: 

&gt; Rendering Problems Exception raised during rendering: action_bar. 

when I change sdk level 22 to 21 from the design page android studio shows nothing

How can I solve this problem? This is not important problem but I wondered how can I fix this.

android studio sdk version 22 exception during rendering: action_bar

After updating support library version `27.1.0` **Android Studio** unable to render CardView. It shows error message as 

    failed to find style &#39;cardView Style&#39; in current theme

But no error in compiling and no difference while seeing on the phone.

I have reverted the support library version to `27.0.2` and it&#39;s rendering fine.

The issue with support library or **Android studio**? How to fix this?

**App Level Gradle:**

    apply plugin: &#39;com.android.application&#39;
    apply plugin: &#39;kotlin-android&#39;
    apply plugin: &#39;kotlin-android-extensions&#39;
    apply plugin: &#39;realm-android&#39;
    apply plugin: &#39;kotlin-kapt&#39;
    
    android {
        compileSdkVersion 27
        defaultConfig {
            applicationId &quot;com.tmmmt.tmmmt&quot;
            minSdkVersion 19
            versionCode 1
            versionName &quot;1.0&quot;
        }
        buildTypes {
            release {
                minifyEnabled false
                buildConfigField &#39;String&#39;, &#39;FS_CLIENT_ID&#39;, FOURSQUARE_CLIENT_ID
                buildConfigField &#39;String&#39;, &#39;FS_CLIENT_SECRET&#39;, FOURSQUARE_CLIENT_SECRET
                proguardFiles getDefaultProguardFile(&#39;proguard-android.txt&#39;), &#39;proguard-rules.pro&#39;
            }
            debug {
                minifyEnabled false
                buildConfigField &#39;String&#39;, &#39;FS_CLIENT_ID&#39;, FOURSQUARE_CLIENT_ID
                buildConfigField &#39;String&#39;, &#39;FS_CLIENT_SECRET&#39;, FOURSQUARE_CLIENT_SECRET
                proguardFiles getDefaultProguardFile(&#39;proguard-android.txt&#39;), &#39;proguard-rules.pro&#39;
            }
        }
    
        flavorDimensions &quot;default&quot;
    
        productFlavors {
            dev {
                dimension &quot;default&quot;
                versionNameSuffix &quot;-dev&quot;
                buildConfigField &#39;String&#39;, &#39;BASE_URL&#39;, BASE_URL_DEV
                manifestPlaceholders = [GEO_API_KEY: GOOGLE_MAP_KEY_DEV]
            }
    
            beta {
                dimension &quot;default&quot;
                versionNameSuffix &quot;-beta&quot;
                buildConfigField &#39;String&#39;, &#39;BASE_URL&#39;, BASE_URL_BETA
                manifestPlaceholders = [GEO_API_KEY: GOOGLE_MAP_KEY_BETA]
            }
    
            live {
                dimension &quot;default&quot;
                buildConfigField &#39;String&#39;, &#39;BASE_URL&#39;, BASE_URL_LIVE
    
                manifestPlaceholders = [GEO_API_KEY: GOOGLE_MAP_KEY_LIVE]
            }
        }
    }
    
    dependencies {
        implementation fileTree(include: [&#39;*.jar&#39;], dir: &#39;libs&#39;)
        implementation &quot;org.jetbrains.kotlin:kotlin-stdlib-jre7:$kotlin_version&quot;
        implementation &quot;org.jetbrains.anko:anko-common:$anko_version&quot;
        implementation &quot;com.android.support:appcompat-v7:$support_version&quot;
        implementation &quot;com.android.support:support-v13:$support_version&quot;
        implementation &quot;com.android.support:design:$support_version&quot;
        implementation &quot;com.android.support:cardview-v7:$support_version&quot;
        implementation &quot;com.google.firebase:firebase-messaging:$play_version&quot;
        implementation &quot;com.google.android.gms:play-services-maps:$play_version&quot;
        implementation &quot;com.google.android.gms:play-services-location:$play_version&quot;
        implementation &#39;com.android.support.constraint:constraint-layout:1.0.2&#39;
        implementation &#39;com.squareup.retrofit2:retrofit:2.3.0&#39;
        implementation &#39;com.squareup.retrofit2:converter-gson:2.3.0&#39;
        implementation &#39;com.squareup.okhttp3:logging-interceptor:3.8.0&#39;
        implementation &#39;com.squareup.okhttp3:okhttp:3.8.1&#39;
        implementation &#39;com.squareup.picasso:picasso:2.5.2&#39;
        implementation &#39;com.google.code.gson:gson:2.8.0&#39;
        implementation &#39;com.wang.avi:library:2.1.3&#39;
        implementation &#39;com.tmmmt.library:arrowtab:1.3&#39;
        implementation &#39;com.github.stfalcon:chatkit:0.2.2&#39;
        implementation &#39;com.amazonaws:aws-android-sdk-core:2.6.16&#39;
        implementation &#39;com.amazonaws:aws-android-sdk-cognito:2.6.16&#39;
        implementation &#39;com.amazonaws:aws-android-sdk-s3:2.6.16&#39;
        implementation &#39;com.orhanobut:logger:2.1.1&#39;
        implementation &#39;com.tmmmt.library:animations:0.6&#39;
        implementation &#39;com.github.bumptech.glide:glide:4.6.1&#39;
        annotationProcessor &#39;com.github.bumptech.glide:compiler:4.6.1&#39;
        compile(&#39;io.socket:socket.io-client:1.0.0&#39;) {
            exclude group: &#39;org.json&#39;, module: &#39;json&#39;
        }
        /*Fort*/
        implementation project(&#39;:FortSDKv1.4.1&#39;)
        implementation &#39;com.victor:lib:1.0.1&#39;
        implementation &#39;com.shamanland:fonticon:0.1.8&#39;
        implementation(&#39;com.nispok:snackbar:2.11.0&#39;) {
            exclude group: &#39;com.google.android&#39;, module: &#39;support-v4&#39;
        }
        implementation &#39;com.google.guava:guava:23.0-android&#39;
        implementation &#39;org.bouncycastle:bcprov-jdk16:1.46&#39;
        implementation &#39;commons-codec:commons-codec:1.10&#39;
        /*Fort*/
    }
    
    apply plugin: &#39;com.google.gms.google-services&#39;


**Project Level Gradle:**

    
    buildscript {
        ext.kotlin_version = &#39;1.2.30&#39;
        ext.anko_version = &#39;0.10.1&#39;
        ext.support_version = &#39;27.1.0&#39;
        ext.play_version = &#39;11.8.0&#39;
        repositories {
            google()
            jcenter()
        }
        dependencies {
            classpath &#39;com.android.tools.build:gradle:3.0.1&#39;
            classpath &quot;org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version&quot;
            classpath &quot;io.realm:realm-gradle-plugin:4.3.2&quot;
            classpath &#39;com.google.gms:google-services:3.1.0&#39;
        }
    }
    
    allprojects {
        repositories {
            google()
            jcenter()
            maven {
                url &quot;https://mymavenrepo.com/repo/eDGOo6Dqr4f6uNA0HoWX/&quot;
                credentials {
                    username = &#39;myMavenRepo&#39;
                    password = &#39;tmmmt123&#39;
                }
            }
        }
    }
    
    task clean(type: Delete) {
        delete rootProject.buildDir
    }


**Update:**

There is no such error from `Android Studio 3.2`. The error was gone completely.


failed to find style &#39;cardView Style&#39; in current theme

In my angular 4 app, I have a string like

    comment: string;
    comment = &quot;&lt;p&gt;&lt;em&gt;&lt;strong&gt;abc&lt;/strong&gt;&lt;/em&gt;&lt;/p&gt;&quot;;

When I serve this text in my html, like

    {{comment}}

Then it displays: 

    &lt;p&gt;&lt;em&gt;&lt;strong&gt;abc&lt;/strong&gt;&lt;/em&gt;&lt;/p&gt;

But I need to display the text &quot;abc&quot; in bold and italic form, like
***abc***

How can I do this?
 

How to render string with html tags in Angular 4+?

I&#39;m confused about concept of Framebuffer and Renderbuffer. I know that they&#39;re required to render, but I want to understand them before use.

I know some bitmap buffer is required to store the temporary drawing result. The back buffer. And the other buffer is required to be seen on screen when those drawings are in progress. The front buffer.
And flip them, and draw again. I know this concept, but it&#39;s hard to connect those objects to this concept.

What&#39;s the concept of and differences of them?

What&#39;s the concept of and differences between Framebuffer and Renderbuffer in OpenGL?

How do I convert an `svg` to `png`, in Python? I am storing the `svg` in an instance of `StringIO`. Should I use the pyCairo library? How do I write that code?

Convert SVG to PNG in Python

There are many times when more than one panel would suitable for the layout I want, however I know there is a difference in render times for different panel types. 

For example, [MSDN][1] states that 

&gt; A relatively simple `Panel`, such as `Canvas`, can have significantly
&gt; better performance than a more complex `Panel`, such as `Grid`.

So in terms of render time and performance, in what order are WPF panels the most efficient?

WPF Panels:

* `Canvas`
* `DockPanel`
* `Grid`
* `UniformGrid`
* `StackPanel`
* `WrapPanel`
* `VirtualizingPanel` / `VirtualizingStackPanel`

I&#39;m fairly sure I saw a list of this somewhere online, but I can&#39;t find it now.

The ideal answer I am looking for would provide me a list of panels in the order that they would render fastest. I understand the number of children is a big factor in how efficient the panels are, so for the sake of this question, assume each panel only has a `Label`/`TextBox` pair. 

In addition, I would like a list of exceptions, such as specific panels which perform better than others based on certain conditions.

**Update**

To summarize based on the [accepted answer][2] below, the panel performance is based on the number and layout of child items, however in general the list from fastest to slowest is: 

* `Canvas`
* `StackPanel`
* `WrapPanel`
* `DockPanel`
* `Grid`

In addition, a `VirtualizingPanel` / `VirtualizingStackPanel` should always be used if there are a lot of items that don&#39;t always fit on the screen.

I&#39;d highly recommend you read the [accepted answer][3] below for more details before just picking an item from this list.


  [1]: http://msdn.microsoft.com/en-us/library/ms745058.aspx#LayoutSystem_Overview
  [2]: https://stackoverflow.com/a/9996707/302677
  [3]: https://stackoverflow.com/a/9996707/302677

In what order are Panels the most efficient in terms of render time and performance?

Suppose you&#39;re in your users controller and you want to get a json response for a show request, it&#39;d be nice if you could create a file in your views/users/ dir, named show.json and after your users#show action is completed, it renders the file.

Currently you need to do something along the lines of:

    def show
      @user = User.find( params[:id] )
      respond_to do |format|
        format.html
        format.json{
          render :json =&gt; @user.to_json
        }
      end
    end

But it would be nice if you could just create a show.json file which automatically gets rendered like so:

    def show
      @user = User.find( params[:id] )
      respond_to do |format|
        format.html
        format.json
      end
    end

This would save me tons of grief, and would wash away that horribly dirty feeling I get when I render my json in the controller

In Rails, how do you render JSON using a view?

When I try to render a layout preview in Android Studio I get error:

**Unsupported major.minor version 52.0**

Unsupported major.minor version 52.0 when rendering in Android Studio

I want to output two different views (one as a string that will be sent as an email), and the other the page displayed to a user.

Is this possible in ASP.NET MVC beta?

I&#39;ve tried multiple examples:

**1.** [RenderPartial to String in ASP.NET MVC Beta][1]&lt;br/&gt;

&gt; If I use this example, I receive the &quot;Cannot redirect after HTTP
&gt; headers have been sent.&quot;.

**2.** [MVC Framework: Capturing the output of a view][2]&lt;br/&gt;

&gt; If I use this, I seem to be unable to do a redirectToAction, as it
&gt; tries to render a view that may not exist. If I do return the view, it
&gt; is completely messed up and doesn&#39;t look right at all.

Does anyone have any ideas/solutions to these issues i have, or have any suggestions for better ones?

Many thanks!

Below is an example. What I&#39;m trying to do is create the **GetViewForEmail method**:

    public ActionResult OrderResult(string ref)
    {
        //Get the order
        Order order = OrderService.GetOrder(ref);

        //The email helper would do the meat and veg by getting the view as a string
        //Pass the control name (OrderResultEmail) and the model (order)
        string emailView = GetViewForEmail(&quot;OrderResultEmail&quot;, order);

        //Email the order out
        EmailHelper(order, emailView);
        return View(&quot;OrderResult&quot;, order);
    }



**Accepted answer from Tim Scott (changed and formatted a little by me):**

    public virtual string RenderViewToString(
        ControllerContext controllerContext,
        string viewPath,
        string masterPath,
        ViewDataDictionary viewData,
        TempDataDictionary tempData)
    {
        Stream filter = null;
        ViewPage viewPage = new ViewPage();

        //Right, create our view
        viewPage.ViewContext = new ViewContext(controllerContext, new WebFormView(viewPath, masterPath), viewData, tempData);

        //Get the response context, flush it and get the response filter.
        var response = viewPage.ViewContext.HttpContext.Response;
        response.Flush();
        var oldFilter = response.Filter;

        try
        {
            //Put a new filter into the response
            filter = new MemoryStream();
            response.Filter = filter;

            //Now render the view into the memorystream and flush the response
            viewPage.ViewContext.View.Render(viewPage.ViewContext, viewPage.ViewContext.HttpContext.Response.Output);
            response.Flush();

            //Now read the rendered view.
            filter.Position = 0;
            var reader = new StreamReader(filter, response.ContentEncoding);
            return reader.ReadToEnd();
        }
        finally
        {
            //Clean up.
            if (filter != null)
            {
                filter.Dispose();
            }

            //Now replace the response filter
            response.Filter = oldFilter;
        }
    }


**Example usage**

Assuming a call from the controller to get the order confirmation email, passing the Site.Master location.

    string myString = RenderViewToString(this.ControllerContext, &quot;~/Views/Order/OrderResultEmail.aspx&quot;, &quot;~/Views/Shared/Site.Master&quot;, this.ViewData, this.TempData);


  [1]: http://brightmix.com/blog/how-to-renderpartial-to-string-in-asp-net-mvc/
  [2]: http://mikehadlow.blogspot.com/2008/06/mvc-framework-capturing-output-of-view_05.html

How to render an ASP.NET MVC view as a string?

Chrome renders #FF3A00 as #FF0000 for some reason. I included a screenshot from [jsfiddle][1] to illustrate the point. The colour that the Color Meter reports (and what I see) differs from what CSS says.

This happens to other colours too. For example, #FFAF00 is rendered as #FFA400 according to the Color Meter.

However, the colours are rendered without problems on Safari and Firefox. I&#39;m on a Mac using Chrome 11, Safari 5 and Firefox 5.

I&#39;m sure there&#39;s a logical explanation. Any ideas?

Update: I&#39;m attaching a screenshot of Chrome next to Safari showing the very same page. I checked this image in Photoshop: the colours are #F00 in Chrome and #FF3A00 in Safari.![Chrome vs Safari][2]

![Chrome renders #FF3A00 as #F00][3]


  [1]: http://jsfiddle.net/L9xy4/
  [2]: http://i.stack.imgur.com/R5QvN.png
  [3]: http://i.stack.imgur.com/La5WR.png

Chrome renders colours differently from Safari and Firefox

I have a problem with Flutter (Dart) RenderFlex overflowed pixels. An exception of rendering library.

How can I manage or apply scrolling ability to my app page view and avoid Flutter&#39;s rendering exceptions with messages like:

&gt;  A RenderFlex overflowed by 28 pixels on the bottom.

if you by any chance need the full log to help me is here:

[![enter image description here][1]][1]


  [1]: https://i.stack.imgur.com/iImkk.jpg

on the hot-reload it comes up with the yellow/black stripes at the bottom as per the message.

Is this something I can manage with a scrollable widget? Or I can declare otherwise my widgets in order to control it?

full code if needed (i changed the Text data but assume the texts appearing are longer than the screen size, and thus the error comes up):

       @override
      Widget build(BuildContext context) {
        return new DefaultTabController(
            length: 3,
            child: new Scaffold(
              appBar: new AppBar(
                bottom: new TabBar(
                  tabs: [
                    new Tab(text: &quot;xxx&quot;,),
                    new Tab(text: &quot;xxx&quot;,),
                    new Tab(text: &quot;xxx&quot;,),
                  ],
                ),
                title: new Text(data[&quot;xxx&quot;]),
              ),
              body: new TabBarView(
                children: [
    			  new Column(
    				children: &lt;Widget&gt;[
    				  new Text(data[&quot;xxx&quot;],
    						style: new TextStyle(
    							  fontStyle: FontStyle.italic,
    							  color: Colors.blue,
    							  fontSize: 16.0
    						),),
    				  new Text(data[&quot;xxx&quot;],
    						style: new TextStyle(
    							  fontStyle: FontStyle.italic,
    							  color: Colors.blue,
    							  fontSize: 10.0
    						),),
    				  new Text(data[&quot;xxx&quot;],
    						style: new TextStyle(
    							  fontStyle: FontStyle.italic,
    							  color: Colors.blue,
    							  fontSize: 16.0
    						),),
    				  new Text(data[&quot;xxx&quot;],
    						style: new TextStyle(
    							  fontStyle: FontStyle.italic,
    							  color: Colors.blue,
    							  fontSize: 8.0
    						),
    					  ),
    				  new Text(data[&quot;xxx&quot;],
    						style: new TextStyle(
    							  fontStyle: FontStyle.italic,
    							  color: Colors.blue,
    							  fontSize: 8.0
    						),),
    
    				  new Row(
    					children: &lt;Widget&gt;[
    					  new Expanded(
    						child: new Text(&quot;xxx&quot;),
    					  ),
    					  new Expanded(
    						child: new Icon(Icons.file_download, color: Colors.green, size: 30.0,),
    					  ),
    					],
    				  ),
    
    				  new Divider(),
    				  new Text(&quot;xxx&quot;, 
    							style: new TextStyle(
    							  fontStyle: FontStyle.italic,
    							  color: Colors.red,
    							  fontSize: 16.0
    					  ),
    				  ),
    				],
    			  ),
    
                  new ListView.builder(
                    itemBuilder: (BuildContext context, int index) =&gt; new EntryItem(_lstTiles[index]),
                    itemCount: _lstTiles.length,
                  ),
    
                  new Column(
                    children: &lt;Widget&gt;[
                      new Text(data[&quot;xxx&quot;], 
                                style: new TextStyle(
                                  fontStyle: FontStyle.italic,
                                  color: Colors.green[900],
                                  fontSize: 16.0
                          ),
                      ),
                      new Text(data[&quot;xxx&quot;], 
                                style: new TextStyle(
                                  fontStyle: FontStyle.italic,
                                  color: Colors.green[900],
                                  fontSize: 16.0
                          ),),
                      new Text(data[&quot;xxx&quot;]),
                      new ListTile(title: new Text(&quot;xxx&quot;)),
                      new Text(data[&quot;xxx&quot;]),
                      new ListTile(title: new Text(&quot;xxx&quot;)),
                      new Divider(),
                      new Text(&quot;xxx&quot;, 
                                style: new TextStyle(
                                  fontStyle: FontStyle.italic,
                                  color: Colors.red,
                                  fontSize: 16.0
                          ),
                      ),
                    ],
                  ),
                ],
              ),
            ),
          );
      }

Flutter (Dart): Exceptions caused by rendering / A RenderFlex overflowed

I need a vector image of a Wikipedia navbox. Unfortunately, Inkscape can&#39;t open the HTML file, and neither Opera nor Chromium can save the page as SVG. Googling, googling, and yet more googling turned up nothing; in particular, &#39;HTML2svg&#39; seems to mean functionality where the HTML &#39;talks to&#39; an SVG image inside it. Does anybody how to turn HTML into SVG, either the entire page or a div on the page? I need the styled HTML, CSS and all.

Can I export part of an HTML page to an SVG image?

I am following some begginer OpenGL tutorials, and am a bit confused about this snippet of code:

    glBindBuffer(GL_ARRAY_BUFFER, vertexBufferObject); //Bind GL_ARRAY_BUFFER to our handle
    glEnableVertexAttribArray(0); //?
    glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, 0, 0); //Information about the array, 3 points for each vertex, using the float type, don&#39;t normalize, no stepping, and an offset of 0. I don&#39;t know what the first parameter does however, and how does this function know which array to deal with (does it always assume we&#39;re talking about GL_ARRAY_BUFFER?
        
    glDrawArrays(GL_POINTS, 0, 1); //Draw the vertices, once again how does this know which vertices to draw? (Does it always use the ones in GL_ARRAY_BUFFER)
        
    glDisableVertexAttribArray(0); //?
    glBindBuffer(GL_ARRAY_BUFFER, 0); //Unbind

I don&#39;t understand how `glDrawArrays` knows which vertices to draw, and what all the stuff to do with `glEnableVertexAttribArray` is. Could someone shed some light on the situation?

How does glDrawArrays know what to draw?

Suppose my model has items with the following string for Qt::DisplayRole

    &lt;span&gt;blah-blah &lt;b&gt;some text&lt;/b&gt; other blah&lt;/span&gt;

I want QTreeView (actually, any item view) to render it like a rich text. Instead, item views render it like a pure text by default. How to achieve the desired rendering?

- - -
Actually, this is a search results model. User enters a text, some document is searched against that text and the user is presented with search results, where the words being searched should be bolder than surrounding text.

How to make item view render rich (html) text in Qt

I installed `ALL Extra` and `SDK API 21-22` including changed
    
`compileSdkVersion 22 to 21` and `buildToolsVersion &#39;22.0.1&#39; to 21.1.2`.

I&#39;m having Rendering Problems for `API 22`.
I have tried changing the version to &lt;= 21 but I&#39;m still getting an error.



failed to resolve com.android.support:appcompat-v7:22 and com.android.support:recyclerview-v7:21.1.2

How much faster is it to use a base64/line to display images than opposed to simply linking to the hard file on the server?

    url(data:image/png;base64,.......)

I haven&#39;t been able to find any type of performance metrics on this.

I have a few concerns:


 - You no longer gain the benefit of caching
 - Isn&#39;t a base64 A LOT larger in size than what a PNG/JPEG file size?

**Let&#39;s define &quot;faster&quot; as in: the time it takes for a user to see a full rendered HTML web page**

			

How much faster is it to use inline/base64 images for a web site than just linking to the hard file?

In recently testing a web application on Windows/Mac desktop browsers - and then on an iPad I noticed various differences in Safari that I wasn&#39;t expecting. even though the version # is the same.

I&#39;d like to compose a list of those differences (for myself and others) to have as a developer reference.

**e.g. in Safari on the iPad**

 - iPad Safari takes full control of Select list/option styling
 - iPad opens the onscreen keyboard when an input element receives focus, thus inline floating calendar widgets (and the like) may not work as expected (or need to be altered)
 - iPad Safari doesn&#39;t support `position:fixed` like desktop Safari &lt; iOS 5
 - iPad Safari (similar to iPhone/iPodTouch Safari) automatically hyperlinks 10 digit numbers to offer phone #/contact options
 - iPad Safari `prompt(&#39;long message...&#39;,&#39;default&#39;);` shows only 1 line of the message (though it does provide scrolling of the message

I&#39;ve heard from others that certain JavaScript doesn&#39;t work, etc. etc. but I have yet to fully test it thus I&#39;d be grateful for any discoveries that you may have encountered.


List of known &quot;Safari on iPad&quot; differences over &quot;Desktop Safari&quot;

I want to load and draw pdf files graphically using C#. I don&#39;t need to edit them or anything, just render them at a given zoom level.

The pdf libraries I have found seem to be focussed on generation. How do I do this?

Thanks.

All Rendering Solutions on Gang of Coders

Total of 23 Rendering Solutions