tisdag 16 mars 2010

Ändra storleken på textbox

Jag har sökt länge efter hur användaren kan ändra textrutans storlek. Lösningen fanns närmare än jag trodde. Det som satte mig på spåret var programming.top54u.com/. Det här är stegen:
  1. Öppna sidan i VWD
  2. Dra Server Manager från Ajax Extensions i Toolbox till sidan
  3. Dra Panel från Standard i Toolbox till sidan.
  4. I Design mode klicka på Add Extender och välj Resizeable Control Extender
  5. Lägg till lite parametrar till Panel: Height="50px" Width="125px" Style="border: solid 1px #000" ScrollBars="Auto"
  6. Lägg till parametrarna till ResizableControlExtender: TargetControlID="Panel1"             HandleCssClass="handle" Enabled="True"
HandleCssClass är en style som innehåller symbolen som användarna tar tag i när textrutans storlek ska ändras:
.handle
{
width:16px;
height:16px;
background-image:url(images/HandleGrip.png);
overflow:hidden;
cursor:se-resize;
}
Så långt fungerar det. Nu gäller det att kunna visa text i panelen och sedan läsa den för att kunna uppdatera databasen. 

Inga kommentarer:

Skicka en kommentar