Question: This problem occurred all of a sudden in my Eclipse(which happens to be fully updated) but it seems that my **Graphical Layout** editor is gone for ever.

I do not know what happened but graphical layout shows nothing even if there is code in XML. Even layout files of my previous projects stopped coming in the graphical editor.

This is all it shows me.

![enter image description here](https://i.stack.imgur.com/ir3bY.png)

I even tried right clicking on the XML file in the package explorer and "Open with Default Editor" but still it does not work.

Can anyone PLEASE help ? I am totally stuck and it really **VERY** cumbersome to write all the layout codes in xml manually!

Answer: 
i'd use data-attributes:

Use an html attribute to each input: `<input data-value="Value Text">`

and then in your css: `.ipad:before { content: attr(data-value); }`

<http://jsfiddle.net/4fu3q/3/>
You can kind of fake it, though it's far from ideal. If you use a `label` you can overlay the text over the radiobutton without losing its clickability. Something like the following is one example:

<http://jsfiddle.net/4fu3q/2/>

```
<div class="button-holder">
    <input type="radio" class="ipad big-radio"  name="radioGroup" value="2081764" id="one">  
    <label for="one">V1</label>
</div>

```

---

```
label{
    position:relative;
    left: -35px;    
    top: -10px;
}

```

The button obviously won't re-size to fit the text as it is not actually inside of it. It's far from ideal but may be about as close as you can get without replacing everything with javascript.