I moved the status bar and now it doesn't work

[bai]

Forum URL: tvjunkyard.boards.net

so i am attempting a member profile redesign (progress thread here), and decided that since I could not figure out how to put the status bar in it's own table and make it look at least okay, i would put it beside the profile tabs like so



well perhaps i broke it. idk.

i tried making it it's own class to move it a little to the left and that didn't work. then i noticed i can't update my status at all. pressing enter or hitting the "update status" button doesn't work. how can i make it work in this location?

i may just end up removing the feature from the profiles altogether and force people to update statuses from their settings.

[Brian]

Hi, bai.

The status field is part of a form. The reason it's not working is because when you moved it from the Summary tab to the User Profile tab it no longer resided inside the form element.

In Themes > Layout Templates > User Profile > Summary you'll notice that the template starts with $[form.header] and ends with $[form.footer]. The status field only works when it's between those two variables.

Note that those variables produce a form with a unique ID. Two elements on the same page cannot share the same ID, so there should only be one instance of this form per page. All of the other tabs of the User Profile layout template are output wherever the $[content] variable resides, so if you plan to fix this by moving the form header and footer variables to the User Profile tab they can't exist in any of the other tabs.

[bai]

ah thank you! i'll see what i can do!

Brian would you mind coaching me on how to move the status bar a bit to the left? i tried classes and margins but that did just about nothing.

[Brian]

A right margin should do it as long as you're adding it to the correct element.

Keep in mind that if you move the status field to the left it may cause the element holding both it and the controls to move to the next line for users on smaller resolutions since your forum utilizes a percentage width. You can see this for yourself by resizing your browser window.