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
Matt PinkstonAsked:
Who is Participating?
 
kukdaiConnect With a Mentor Commented:
open the site in IE and click on tool from the menu. you can see the developer tools or f12 should do the same for you.
now the whole site will open in HTML mode with the cursor you can select the particular element and it will display the css and HTML markup of that element.
you can pick that class and change the size.
don't forget the write important

like this
.ms-long{ size 70 px !important;}
check the link for how to use developer tools:

http://msdn.microsoft.com/en-us/library/ie/gg589507%28v=vs.85%29.aspx
0
 
Rainer JeschorCommented:
0
 
kukdaiCommented:
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>
0
The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

 
Matt PinkstonAuthor Commented:
it already had a STYLE so tried

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

did not work
0
 
Matt PinkstonAuthor Commented:
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>
0
 
Matt PinkstonAuthor Commented:
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>
0
 
kukdaiCommented:
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
0
 
Matt PinkstonAuthor Commented:
no do not have those, why is it so hard to increase the width of this element
0
All Courses

From novice to tech pro — start learning today.