Adjust the column widths in the pages by using the 3 column template

In CS4, I load the value default 3-column HTML Template (3 liquid column, header and footer). I make a few changes to the size of the container, some background colors in the sidebars, each of the three columns make editable (I put in each column value, then use Insert, model of combo box object).  I have to save it as a TPL file.

I then create a new HTML page using this template.

I want three columns - but I want to vary the width of them.  I try to edit the css for .thrColLiqHdr #mainContent for example, but get the message "this change should change the code which is locked by a model or a translator. The changes will be rejected. "I have quite a few pages that need three variable columns.  How can I make this work?

And a second question... when I open 3-column model mentioned above, the central section 'main content' starts lower down that two sidebars - how do I "pull" it upward with the other two and to avoid the two supervised a fall?

Sample modified TPL file attached as a .txt file.  The system did not like downloading a TPL file, even if it is not listed as a banned file type.

You want each individual page to have editable column widths?  You would have to do that in this way-

1. move the editable region in the head of the template UNDER the embedded CSS

2. record the model and this change to propagate to your pages

3. on each page of each child, incorporate a new stylesheet in the editable area in the head to set the column to the desired width

Simple as pie.

Tags: Dreamweaver

Similar Questions

  • Auto adjusts the width of the Table column

    Hello no,.

    Happy new year... I do application with sql database, report, I made a table on labview. When I select the different query it retrieves data accordingly.

    Here, I want to adjust the column width according to the name of the header. y at - it an option for?

    or want to make a logic?

    Like this

  • Adjust the width does not when you link directly to the page number

    I put my initial notice to adjust the width.  If I only log to the file, the document fits the width.  However, when I add a number of specific page for the link, the document opens to the top of the entire page.  It does not match the width.  Is there something else I need to put or is this how it is supposed to work?  When I add destinations, the width adjustment seems to work very well.

    Try adding view = fifth parameter as:

    http://example.org/doc.PDF#page=72&view=fitH, 100

    www.Adobe.com/devnet/Acrobat/PDFs/pdf_open_parameters.PDF

  • How to adjust the size/width of text fields in forms of the adf

    Hello

    I use JDeveloper 11.1.2.4.0.

    I have a form with two rows and three columns and you want to adjust the width of the fields so that the name (row1, col1) size is the same as the size of the e-mail (row2, col2).

    I put the fields width property to 20, but when I run it, the two fields some shows of various sizes.

    < af:form id = "f1" >

    < af:panelGridLayout id = "pgl1" >

    < af:gridRow marginTop = '5px' height = 'auto' id = "gr1" >

    < af:gridCell marginStart = "5px" id = "gc1" marginEnd = "1px" rowSpan = "1" halign = 'end' >

    < af:inputText value = "#{bindings." EmployeeId.inputValue}.

    label = "Emp ID"

    required = "#{bindings." EmployeeId.hints.mandatory}.

    columns = "#{bindings." EmployeeId.hints.displayWidth}.

    maximumLength = "#{bindings." EmployeeId.hints.precision}.

    shortDesc = "#{bindings." EmployeeId.hints.tooltip}"id ="it1.

    inlineStyle = "" text-align: left; ">"

    < f: validator binding = "#{bindings." EmployeeId.validator} "/ >"

    < af:convertNumber groupingUsed = 'false' pattern = ' #{bindings. " EmployeeId.format} "/ >"

    < / af:inputText >

    < / af:gridCell >

    < af:gridCell marginStart = "20px" marginEnd = "5px" id = "gc2" halign = 'end' >

    < af:inputText value = "#{bindings." FirstName.inputValue}.

    label = "#{bindings." FirstName.hints.label}.

    required = "#{bindings." FirstName.hints.mandatory}.

    columns = "#{bindings." FirstName.hints.displayWidth}.

    maximumLength = "#{bindings." FirstName.hints.precision}.

    shortDesc = "#{bindings." FirstName.hints.tooltip}"id ="it2.

    inlineStyle = "text-align: left;" Width: 20px; ">

    < f: validator binding = "#{bindings." FirstName.validator} "/ >"

    < / af:inputText >

    < / af:gridCell >

    < af:gridCell marginStart = "20px" marginEnd = "5px" id = "CG7" >

    < af:inputDate value = "#{bindings." HireDate.inputValue}.

    label = "#{bindings." HireDate.hints.label}.

    required = "#{bindings." HireDate.hints.mandatory}.

    columns = "#{bindings." HireDate.hints.displayWidth}.

    shortDesc = "#{bindings." HireDate.hints.tooltip}"id ="id1">

    < f: validator binding = "#{bindings." HireDate.validator} "/ >"

    < af:convertDateTime pattern = "#{bindings." HireDate.format} "/ >"

    < / af:inputDate >

    < / af:gridCell >

    < / af:gridRow >

    < af:gridRow id = "gr2" >

    < af:gridCell id = "gc3" halign = 'end' >

    < af:inputText value = "#{bindings." DepartmentId.inputValue}.

    required = "#{bindings." DepartmentId.hints.mandatory}.

    columns = "#{bindings." DepartmentId.hints.displayWidth}.

    maximumLength = "#{bindings." DepartmentId.hints.precision}.

    shortDesc = "#{bindings." DepartmentId.hints.tooltip}"id ="it3.

    label = "Department" inlineStyle = "" text-align: left; ">"

    < f: validator binding = "#{bindings." DepartmentId.validator} "/ >"

    < af:convertNumber groupingUsed = 'false' pattern = ' #{bindings. " DepartmentId.format} "/ >"

    < / af:inputText >

    < / af:gridCell >

    < af:gridCell id = "G.c.4" halign = 'end' >

    < af:inputText value = "#{bindings." Email.inputValue}"label =" #{bindings. " Email.hints.label}.

    required = "#{bindings." Email.hints.Mandatory}.

    columns = "#{bindings." Email.hints.displayWidth}.

    maximumLength = "#{bindings." Email.hints.Precision}.

    shortDesc = "#{bindings." Email.hints.ToolTip}"id ="it4.

    inlineStyle = "text-align: left;" Width: 20px; ">

    < f: validator binding = "#{bindings." Email.Validator} "/ >"

    < / af:inputText >

    < / af:gridCell >

    < af:gridCell id = "G.c.5" / >

    < / af:gridRow >

    < / af:panelGridLayout >

    < / af:form >

    also can advise you how can I insert a page in this post?

    Thank you

    the value of width: 20px; in the content of the item style property.

  • How to adjust the display width of fields?

    work in jdev 11.1.2.3.
    the form looks like DESIGNER Visual, all fields of the same length, and there is no width attribute to adjust. When run, some too long display fields.
    How to adjust the display width of fields in the design?
    Thank you.

    Hello

    You don't need to repeat once again, unless you have changed the properties after initial drag and drop.

    If you have changed, use the value #{bindings.yourAttribute.hints.displayWidth} to the columns property.


    label = "#{Bindings.Name.hints.label} '"
    required = "#{Bindings.Name.hints.Mandatory} '"
    * Columns = "#{Bindings.Name.hints.DisplayWidth}" *.
    maximumLength = "#{bindings.name.hints.precision} '"
    shortDesc = "#{bindings.name.hints.tooltip}" id = "it38" > "

    Thank you
    NGO

  • Where can I go to adjust the size of the police of the headers, tabs, toolbars? Messages, pages, on the screen appears normal and can be adjusted using ctrl +-.

    Run Firefox 28.0. Just updated, which did not help. On Firefox and Thunderbird font size increased to headers, tabs, toolbars, drop-down menus, etc. What's on the display appears normal and can be adjusted by using the CTRL +. Has no effect on the toolbars, headers, etc. My resolution is to the max, small icons, the size of the text to 100%.

    You can set the layout.css.devPixelsPerPx pref on the topic: config page on 1.0 or Windows 8 to 1.25 and if necessary adjust layout.css.devPixelsPerPx from 1.0 to 0.1 or 0.05 steps (1.1 or 0.9) do the icons to display properly.

    See also:

    An extension allows you to adjust the size of the text in the user interface and zoom the page in the browser window.

    You can watch this extension to adjust the font size for the user interface.

    You can watch the Default FullZoom Level or NoScript extension if the web pages need to be adjusted after the change of layout.css.devPixelsPerPx.

  • My home page is Google, but the club logo and the research seems higher on the page than normal... can I adjust the position?

    I had to set the parameters on Google to not use Google Instant in their search parameters as no cursor showing on the google search field. After the change, it seems that the logo and Google search box seems higher on the page of Firefox. I would like to be able to adjust the height of the logo/Google search box. Please tell me if I can make that adjustment.

    Reset the page zoom on pages that cause problems: view > Zoom > reset (Ctrl + 0 (zero); Cmd + 0 on Mac)

  • adjust the default width of the job details dialog box

    Is it possible to adjust the default width of employment details of dialogue (which appears when you double click the work)? Will need to scroll (both horizontal and vertical) each time and operational procedures of the URL to view the content. I couldn't get any info to avoid horizontal scrolling in the manual or the forums. Thanks in advance!

    5.3.1 right customer?

    Run the client in WinXP SP3 compatibility mode and then you can expand the window as if by magic.  Known bug

  • We use DW6. Whenever I click on a link on the home page, it opens upward in a newwindow fullscreen. How can I adjust the size of the window that opens?

    We use DW6. Whenever I click on a link on the home page, it opens upward in a newwindow fullscreen. How can I adjust the size of the window that opens?

    Remove the attribute target tags on the homepage.

  • I am not able to adjust the height of a page on my site. I try to move the blue mark on the left side and it does not move. What should I do? Thank you

    I am not able to adjust the height of a page on my site. I try to move the blue mark on the left side and it does not move. What should I do? Thank you

    Hello

    could you please try to find an empty project as rectangle/text box, especially at the lower end of the page. Use Edit-> "Select All" to select all elements on the page, it will be easier to locate.

    Let me know if it works

  • How to adjust the width of a shape?

    I'm tweaking an image that was created by another person (missing for a long time). It is a form that is too large and I want to make it narrower. When I click on the form itself, I see the main lines, but no handles to adjust the width. How to change the width or the height of a shape that is already created?

    Thank you

    Amy

    One way is to Edit > free transform path.

    MTSTUNER

  • Adjust the width of the text to the width of the image

    Sorry if my English is not 100%.

    Is it possible (and if so, how?) to adjust the width of a text to the width of my image?

    For example: I want to have the text 'Sample Text' in my picture that is the width of 500px. The text that must also be 500px in width. But I have another image, which is the width of the 1800px and that the text "Sample Text" must be addepted over a width of 1800px. So is there an option in Photoshop (I have CS5) which addepts the width of a text to the width of the image?

    Thanks in advance.

    Yes it is possible by using a script, here's an example that will resize the text to the width of the document and place it 5 pixels from the bottom.

    The text layer MUST be the active layer.

    main();
    function main(){;
    if(!documents.length) return;
    if(activeDocument.activeLayer.kind != LayerKind.TEXT) return;
    var startRulerUnits = app.preferences.rulerUnits;
    app.preferences.rulerUnits = Units.PIXELS;
    var Percent = 100; //Percentage of width
    var myDoc = activeDocument;
    var LB = myDoc.activeLayer.bounds;
    var docHeight = myDoc.height;
    var docWidth = myDoc.width;
    var LHeight = Math.abs(LB[3].value) - Math.abs(LB[1].value);
    var LWidth = Math.abs(LB[2].value) - Math.abs(LB[0].value);
    var percentageWidth = ((docWidth/LWidth)*Percent);
    myDoc.activeLayer.resize(percentageWidth,percentageWidth,AnchorPosition.MIDDLECENTER);
    align('AdCH'); align('AdBt');
    activeDocument.activeLayer.translate(0,-5); //move the text 5 pixels from the bottom
    app.preferences.rulerUnits = startRulerUnits;
    }
    function align(method) {
    activeDocument.selection.selectAll();
       var desc = new ActionDescriptor();
               var ref = new ActionReference();
               ref.putEnumerated( charIDToTypeID( "Lyr " ), charIDToTypeID( "Ordn" ), charIDToTypeID( "Trgt" ) );
           desc.putReference( charIDToTypeID( "null" ), ref );
           desc.putEnumerated( charIDToTypeID( "Usng" ), charIDToTypeID( "ADSt" ), charIDToTypeID( method ) );
        try{
       executeAction( charIDToTypeID( "Algn" ), desc, DialogModes.NO );
       }catch(e){}
       activeDocument.selection.deselect();
    };
    
  • How to adjust the height of the domain manager?

    Hello world

    How to adjust the height of the domain manager?

    I want to fill my page with three buttons and a title screen label.

    I have to fill the full screen so that I can put a border for my screen...

    If I can adjust the height of the domain manager then I can put border for it.

    Thank you.

    try something like that.

    verticalManager = new VerticalFieldManager()
            {
    
                protected void sublayout( int maxWidth, int maxHeight )
                {
                    //set width
                    int displayWidth = Display.getWidth();
                    //set height
                    int displayHeight = Display.getHeight();
    
                    super.sublayout( displayWidth, displayHeight);
                    setExtent( displayWidth, displayHeight);
                }
            };
    

    Concerning

    Bika

  • Cannot change PopUp LOV width and height in version 4.2.5.00.08. I change the values of 450 400 in the Popup list template values (Section of the window), but my function genList0_f07_$ _row (), retains the same settings. Is this a bug?

    Hello

    I use APEX 4.2.5.00.08 to my app.

    I have a region of reports, where I display a column set. A column is the column attribute "display as" the value 'Popup LOV (LOV based query).

    I press the button to retrieve the LOV, I get a popup of 450 x 400 pixels.

    I go to the side of the model and navigate to "Popup list of values of model", where I can see in the section 'Window' attributes 'Width' and 'Height' value 450 and 400. I edit them and save them and there is nothing going on. I'm sure that the template belongs to my selected theme.

    I saw in the HTML source code that is the called function:

    <!--


    function genList0_f07_$ _row)
    {
    w = open ("wwv_flow_utilities.gen_popup_list" +)
    « ? p_filter ="+
    "& p_name = ' + escape ('f07') +.
    ' & p_element_index = ' + escape ('0') +.
    ' & p_elem_id = ' + escape ('f07_0000').
    ' & p_form_index = ' + escape ('0') +.
    ' & p_max_elements = ' + escape ("") +.
    ' & p_escape_html = ' + escape ("") +.
    ' & p_ok_to_query = ' + escape ('YES').
    ' & p_flow_id = ' + escape ('114') +.
    ' & p_page_id = ' + escape ('100201') +.
    ' & p_session_id = ' + escape ('16021544706004').
    ' & p_eval_value = ' + escape ("") +.
    ' & p_translation = ' + escape ('NO') +.
    ' & p_lov = ' +.
    ' & p_lov_checksum = ' +.
    ' & p_item_id = ' + escape('-683997768') +.
    ' & p_column_id = ' + escape ('25022622060292812'),
    "winLov,"
    "Scrollbars = 1, resizable = 1, width =400, height =450"); "
    If (w.opener is nothing)
    w.opener = auto;
    w.Focus ();
    }
    ->

    I see that the values has not changed. I also connected and disconnected. I am inclined to believe that it is a bug of the APEX.

    The only solution I think is to replace this function, which is NOT ideal.

    Thank you

    Digital

    The parameters are generated only, nothing you can do about it because it does not use the model for these properties of the couple. Other things work fine for example the names of button or title window etc. I guess that, Yes, it is a bug. It's still there in the apex 5 too, I checked. The default values of the template do not match, the value in the generated code is always 400/450. So I guess it's pretty much a wait on 5.1.

    Here's a fun hack to make it work well on your page (works in apex 5 too, because the code is always the same). Put this in the execute on loading of the page section:

    (function(){
      var _open = window.open;
      window.open = function(){
        if ( arguments[1] === "winLov" ) {
          arguments[2] = "Scrollbars=1,resizable=1,width=500,height=700";
        };
        return _open.apply(window, arguments);
      };
    })();
    

    Change the settings to your liking. This will replace the existing window.open call, which is what the popup lov use and replace it with our own code. It does not interfere with other things. As the name of the new window is always "winLov" for the popup lov, it is the argument that is checked.

    During the call to window.open to open a new window with the name "winLov", parameters are replaced with your own version of it. The window is called as usual, using the stored reference.

    Edit:

    Yes, do not use the trick of resizing. My hack can be a bit tedious, but it's much less invasive for the end user (see open, bam, resize. "Even gets funky on multiple monitors). Also, this thing in the popup lov template will affect each lov popup that you use in the application, which is much less interesting than my specific page code.

    Edit2:

    I did a little digging in the source code, and I don't know why it does not work. Popup lovs are actually equipped to deal with it. My guess is that the parameters are recovered only after that the lists were generated, causing the package variables global to use their default values instead of model parameters.

  • How to adjust the shape of 11g

    Hi my form displays the half in my web browser (IE) how adjust so I can display any value when loading the page without using the scroll bar am in GR 2, form 11 appear only to the extent of the word oracle at the top right conner if I need to see the entire form I have to scroll through HOW I CAN STRECH

    Without a screenshot or any clear details about what you live, this can become difficult.

    So, there are several concepts that make up the size of the form and its area of work.  The most often misunderstood concept is applet container space.  The default values for it are very small by today's standards.  The values are defined in formsweb.cfg (HEIGHT and WIDTH).  The value represents the amount of space used in the browser to hold your form.  The values can be in pixels or as a percentage.  I generally recommend to use percentage because this will allow space to adjust dynamically if the size of the browser window is changed by the user.  So for example, suppose that your form is not integrated with any other html on the page.  In this case, why not use all the space that the browser has to offer.  Change the WIDTH and HEIGHT as follows:

    HEIGHT = 100%

    WIDTH = 100%

    Alternatively, you can set the values of fixed pixel sizes.  For example:

    HEIGHT = 768

    WIDTH = 1024

    Other concepts to be considered are the attributes of the form that you created.  Look closely at the width and height of the canvas, as well as the window that contains it.  But remember, if the window size is greater than the space of the scrolling applet then happen.  Also note that the size of the applet may not directly correspond to the size values that you use at design time in the designer, so some tests may be necessary.

  • How to adjust the position of the legend in the base widget

    Hello Eric,

    First of all thanks a lot for the help so far.

    However, the solution to my problem before placing the legend continues to elude me and I would be grateful for any help.

    My pictures are all set to a common width 500 px and I have tried adjust the layout of each page individually in order to show its high legend to the left of the image.

    I published the site as bilyz.businesscatalyst.com to illustrate, but I do not understand the activity of editing facilities allowance...

    Problem 2 affects the positioning of navigation on the following pages of the 'about', 'services', 'contact', I created a third master for these pages but seem unable to change the position of the menu.

    I hope you can help

    Kind regards

    Bill

    Hi Bill

    I am little confused with this line "what should I do to give access in Design view?", as if you want to give access to the change in design mode or if you want to change the captions in design mode.

    Speaking of the last, you can modify labels in Design view by clicking each slide show.

    The position of the legend should be positioned in the same place for all default slides, we cannot change it differently for separate slides. Looking at your design, I suggest you to use any composition of y to achieve.

    Insert image text frame in the area of containers and tiles can carry small images, configure autoplay and it would be the same effect as the cursor.

    Thank you

    Sanjit

Maybe you are looking for