Customize Wt/auth generated login page

Added by Jie Chen about 1 month ago

Hello,
This is the first time I use Wt. I had login part figured out including email verification features. How I'd like to customize the default html/css page. I spent some time with little success. I'd assume I can find the id for each tag (container, div, input, text, button, etc), and work on css files. But I found it hard to figure out those id's. Any suggestions or comments on how I could work this out?

Thank you very much!


Replies (4)

RE: Customize Wt/auth generated login page - Added by Roel Standaert about 1 month ago

I'd recommend you use classes, not ids to style widgets in Wt. By default, the ids of widgets are autogenerated and unpredictable. You can set style classes on your widgets with setStyleClass and add CSS files to your application with useStyleSheet.

RE: Customize Wt/auth generated login page - Added by Jie Chen about 1 month ago

Thanks Roel, it works well with style classes and css.

RE: Customize Wt/auth generated login page - Added by Wim Dumon about 1 month ago

Additionally, if you want to customize the layout more than just through CSS, you can load your own version of the messages in the message resource bundle that is located in wt/src/xml/auth_css_theme.xml

Wim.

RE: Customize Wt/auth generated login page - Added by Jie Chen about 1 month ago

Thanks for pointing out here Wim. That works great as well.

(1-4/4)