Link to home
Start Free TrialLog in
Avatar of Matt Pinkston
Matt Pinkston

asked on

Custom Form in Custom List SharePoint 2007 SP Designer

I have created a custom input form under sharepoint designer but my fields only want to take up a very small width.

in particular I have a field type of "multiple lines of text" but on my new input form I created it narrow I want to make it wider, how can I do this?

Thanks
Avatar of Rainer Jeschor
Rainer Jeschor
Flag of Germany image

open the page in SPD put the cursor in the multi line text box check the code view. it might have a  CSS class associated with it,
 then override the class like this

<style>
.ms-long{width:100px;}
</style>
Avatar of Matt Pinkston
Matt Pinkston

ASKER

it already had a STYLE so tried

.style4 {
                        background: #FCFCFC;
                        width: 450px;
}

did not work
This is an example of the code for one of the text boxes

<td valign="top" class="style4" style="width: 75%">
    <SharePoint:FormField runat="server" id="ff5{$Pos}" ControlMode="New" FieldName="Account_x002f_Client" __designer:bind="{ddwrt:DataBind('i',concat('ff5',$Pos),'Value','ValueChanged','ID',ddwrt:EscapeDelims(string(@ID)),'@Account_x002f_Client')}"/>                  
    <SharePoint:FieldDescription runat="server" id="ff5description{$Pos}" FieldName="Account_x002f_Client" ControlMode="New"/>
</td>
I tried this and now the toolbar about the text box is extended but not the actual text box

                                    <td valign="top" class="style4" style="width: 75%">
                            <style>
                                                  .ms-long{width:500px;}
                                          </style> <SharePoint:FormField runat="server" id="ff5{$Pos}" ControlMode="New" FieldName="Account_x002f_Client" __designer:bind="{ddwrt:DataBind('i',concat('ff5',$Pos),'Value','ValueChanged','ID',ddwrt:EscapeDelims(string(@ID)),'@Account_x002f_Client')}"/>
                            <style>
                                                  .ms-long{width:500px;}
                                          </style> <SharePoint:FieldDescription runat="server" id="ff5description{$Pos}" FieldName="Account_x002f_Client" ControlMode="New"/>
                                    </td>
do you have developer tools like firebug for Firefox or IE developer tools, if so try to find the css class of the text box from the tool and try changing the size.if possible else if you have the id may be some jquery works t change the size finding the id of the element.

try this

http://blogs.msdn.com/b/sharepointdesigner/archive/2008/01/25/modify-the-lengths-of-list-form-fields.aspx

http://www.graphicalwonder.com/?p=290
no do not have those, why is it so hard to increase the width of this element
ASKER CERTIFIED SOLUTION
Avatar of Uttam (Kukdai) Dhakal
Uttam (Kukdai) Dhakal
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial