How Do You seperate TextArea layout

Category: windows metro apps tools


TheRockyH on Wed, 25 Jan 2012 06:25:02

(this editor really sux. this is the third time trying to post this. it keeps losing my text.)

I have been trying to do a SplitPage application with input fields. I started with the default SplitPage project.

On the SplitPage.html I change the Description 

<p class="description" data-win-bind="textContent: description"></p>

and Article fields

<article class="content" data-win-bind="innerHTML: content"></article>

to TextArea tags.
<textarea id="description" class="description" data-win-bind="textContent: description" style="height: 118px;">TEXT</textarea>

<textarea id="contentbox" class="content" aria-multiline="true" data-win-bind="innerHTML: content" style="height: 386px;">TEXT</textarea>

Once I did this, I went in to Expression to adjust the layout. I discovered that I could not adjust one without the other also magically adjusting itself. (for example change the width on the Article and the Description TextArea also changed)

I tried getting rid of all of the CSS related attributes with no change. 
I checked the associated SplitPage.css for any common classes, there are none.
I tried changing one to a different input (ie <input ) tags with no change.

The only thing that makes a difference is if one of them is a non-editable control such as a <div/> or just static text.
This essentially means that if there are different sized text input fields required, they cannot exist on the same page.

How can you make two <TextArea> input fields on the same page, have independent layout and CSS styles, without having to create specific overriding CSS classes for each which would be idiotic.