layout

When should a UI be updated?

I'm working on an online tool for students in my faculty to calculate their final grade for their degrees, and for a while I've had little problems. Students seem to like using the new UI and I've suffered no criticism for a while. Now, I need to add some functionality to the program, meaning the UI will have to chance slightly, but in s...

separate datatable for each row in db. .NEt

I have long tables generated by datagrid control that go beyond the page width. I would like to convert that into separate table for each row or definition list where each field name is followed by field value. How would I do that. ...

How to implement (UI-wise) a button

I am designing the (G)UI of a program, and have stumbled across a problem; The program will convert a number into different units, and the layout of a unit been cvonverted to is: [Unit name (when clicked gives information)] [Special status, if any][Output in textfield that can also be used for input (to convert to other units)] I want ...

Can I change the default layout ruler guides in FlexBuilder 3?

I'm using FlexBuilder 3. I love the way the layout guides tell you when a component you're placing on a canvas is so far from the next component (presumably 8 pixels). Is it possible to change the distance at which the ruler guide pops up? I'm putting a series of labels close together and would like to change this to, say, 4 pixels. ...

Can I force a display font from inside a formula in Crystal Reports?

I have a report with a lot of formulas that translate the word "TRUE" into an "X" and "FALSE" into a blank space. I use these to put an "X" in a checkbox. Sometimes there is text after my checkbox. To avoid slight shifts to the left and right, I print the "X" and the " " in a fixed width font. It is very tedious to manually set the f...

Form element messes up imported HTML/CSS layout template in ASP.NET

I want to use this pure HTML/CSS template for my ASP.NET website: http://sub3.tanguay.de I copy it inside my Default.aspx page, inside the FORM element, but the form messes up the layout: http://sub2.tanguay.de UPDATE: this now displays correctly, thanks to Devio. I tried altering the style of the form tag but can't get it to stop a...

WPF Best Practice for DataEntry Window

hi, i`m currently playing around with WPF and now i wonder what would be the layout for a typical dataentry window (20+ textboxes and stuff). atm i`m using a grid object like this (basic sample) <Grid Margin="2,2,2,2"> <Grid.ColumnDefinitions> <ColumnDefinition Width="Auto"></ColumnDefinition> <Colu...

Help me work around these two IE6 layout bugs

My webpage is suffering from two IE6 rendering bugs. Each of them have workarounds, but unfortunately said workarounds are incompatible with each other. Here's a minimized test case. The behavior in Firefox/Safari is the desired/correct one. IE7 is unknown, since I don't have access to it right now. First bug: #content has overflow: au...

Are the Swing LayoutManagers adequate?

I just had to add a checkbox to an application that was written before I got here, and it was way more difficult than it had to be because the app uses some third-party LayoutManager that attempts to do pseudo-absolute, gridlike positioning. The API was terrible, it takes position-designating strings that are comma-delimited lists of tw...

Who has solved the long-word-breaks-my-div problem? (hint: not stackoverflow)

Ever since switching from TABLE-layout to DIV-layout, one common problem remains: PROBLEM: you fill your DIV with dynamic text and inevitably there is a super-long word that extends over the edge of your div column and makes your site look unprofessional. RETRO-WHINING: This never happened with table layouts. A table cell will always n...

How to write a form editor?

I'm trying to write a print layout editor in VB6 or VB.Net, and am looking for some reference articles to help get me started. The idea is that the editor will be used to define print "areas" for invoice or statement layouts, by allowing the user to draw the box for customer address, invoice number, lines, totals etc. The program will ...

CSS Layouts - How to position two divs horizontally within another div

I haven't played with CSS for too long a time and am without references at the moment. My question should be fairly easy but googling isn't bringing up a sufficient answer. So, adding to the collective knowledge... |#header---------------------------------------------------------------| | TITLE ...

table tags for form display are bad... but what about survey questions likert type?

Is it bad design to use table tags when displaying forms in html? The accepted answer to this question in short: YES... ...but what about something like this: I can't really think of an economic solution with CSS. But I'm not a CSS geek. The example is from LimeSurvey and uses tables. Is it still bad design to use table tags for su...

CSS: Basic layout question - keeping nested elements inside each other.

Hi All, I keep finding that if I have nested divs inside each other, and one of the inner ones is floated, the outer one won't expand around it. Example: <div style='background-color:red; '> asdfasdf <div style='float:left; background-color:blue; width:400px; height:400px;'> asdfasdfasdfasdfasdfasdfasdf<br /> a...

Yet Another Divs vs Tables Question: Forms

[Meta-note:] I was browsing the question page, getting really tired of "DIVS vs Tables" "When to use tables vs DIVS" "Are Divs better than Tables" "Tables versus CSS" and all the questions that ask THE SAME THING OMG PEOPLE but I would like to see all the ways people tackle the translation of the canonical example of "why you should give...

Stacking rectangles to into the most square-like arrangement possible

My Situation I have a N rectangles The rectangles all have the same shape (for example 2 inches wide x 1 inch tall) - Let's refer to this size as Sw and Sh for the width and height I want to position these rectangles in a grid such that the rects completely on top and next to each other - like what you would see in a spreadsheet What ...

Simple HTML layout engine to convert HTML to an image

I need a tool to automatically convert simple HTML into an image. I will be controlling the HTML input which will consist of simple text formatting tags and possibly image links--I don't need to be able to render arbitrary HTML. Is there a simple way to do this? I've looked at the HTML layout engines like Gecko and Webkit, but frankly ...

Algorithm to implement something like Wordle

Context Take a look at what wordle does : http://www.wordle.net/ it's much better looking than any other word cloud generators I've seen note: the source is not avaialable - read the FAQ http://www.wordle.net/faq#code My Questions Is there an algorithm available that does what Worlde does? If no, what are some alternatives that pro...

JS - Advice on how to merge multiple user input to one form field design

I have a page that allows users to enter a lot of information about them (metadata) they can then click on a icon which opens a modal window containing a googlemap which allows them to add locations, and a title for that location. Using mootools I can pass the value of a form field back to the original form, using onclose. The main page...

Is there an easy way to recreate the WinForms layout experience at runtime for user positioning of controls.

When laying out a WinForm in Visual Studio you get the ability to resize and align your controls very easily with drag handles and border alignment hints. I'd like to do the same with a runtime control to enable the user to position an image on a page. For example, if the user has a photo and they want to place it as a background on th...