We build. You grow.

Get best community software here

Start a social network, a fan-site, an education project with oxwall - free opensource community software

[solved] forgot password page with top menu | Forum

Jamie
Jamie Jun 27 '20
Hello.
Could you help me.

I wanna change forgot-password page and sign in page.

How can I add top menu. (attached image)


appreciate.

The Forum post is edited by Jamie Jun 28 '20
Attachments:
  fogot_password.jpg (76Kb)
dave Leader
dave Jun 27 '20
Topic was moved from General Questions.
Marcus
Marcus Jun 27 '20
how is ur development skills case if ur a newbie then it will advicd u to get in touch with someone with a bit more experience in this area. to answer ur question ud need to change core html files located in sistem files, base, view, controller. 
Jamie
Jamie Jun 28 '20
Thank you Marcus.


I will try to explain simple way. 


1. forget password page(now) : http://demo.oxpro.org/oxwall/forgot-password

    change to attach file.

2. join page(now) : without top menu & image.
   change to attach file.

If you explain, I can try.
Thank you.

Attachments:
  changeto.jpg (285Kb)
dave Leader
dave Jun 28 '20
seems like the forgot password would be easy to just add the top banner. But the login page is done via JS i believe and that might be challenging without a plugin im thinking.. But then again you CSS guru's out there can do amazing things with CSS  :)
dave Leader
dave Jun 28 '20

yep ok here is the forgot password


open ow_system_plugins/base/views/controllers/user_forgot_password.html


and right before the first div (after style) add this line


<div class="ow_header_pic"></div>


clear cache and done..


i dont know about the login page..


doesn't oxpro offer support?

The Forum post is edited by dave Jun 28 '20
dave Leader
dave Jun 28 '20

Ok got the sign in page too..


open ow_system_plugins/base/views/controllers/user_standard_sign_in.html


and add the line before the first div and after the style


<div class="ow_header_pic"></div>


Then add this to your custom css in admin themes


.ow.base_sign_in  .ow_sign_in_wrap {
     padding-top: 40px
}


The Forum post is edited by dave Jun 28 '20
Jamie
Jamie Jun 28 '20
Thank you Dave.
I changed user_forgot_password.html.

There are not top menu.
There is only top image.

How can I add top menu.

The Forum post is edited by Jamie Jun 28 '20
dave Leader
dave Jun 28 '20

I dont know... thats alittle above my knowledge...


But when you do the login page, add this to your custom css in admin themes too..


.ow.base_sign_in  .ow_sign_in_wrap {
     padding-top: 40px
}


that will bring the login form back up on the page. 

Jamie
Jamie Jun 28 '20
result here without top menu. (attached image)

How can I change include top menu.




Attachments:
  1.jpg (70Kb)
dave Leader
dave Jun 28 '20

Try adding this before that div for the image in those html files


{$main_menu}



see if that shows the menu

Jamie
Jamie Jun 28 '20
here user_forgot_password.html

{style}


{literal}


.ow_forgot_password{


    margin:0 auto;


    padding:100px;


    width:350px;


}


{/literal}


{/style}

{$main_menu}

<div class="ow_header_pic"></div>


<div class="ow_forgot_password">


    {block_decorator name='box' style='text-align:center;' langLabel='base+forgot_password_cap_label'}


        <div style="padding: 0 5px 5px;">{text key='base+forgot_password_form_text'}</div>


        {form name='forgot-password'}


            {input name='email' class='ow_smallmargin'}


            <div class="clearfix"><div class="ow_right">{submit name='submit' class='ow_positive'}</div></div>


        {/form}


    {/block_decorator}


</div>

still not working.

Jamie
Jamie Jun 28 '20
solved fotgot password page.

<div class="ow_page_wrap">

<div class="ow_menu_fullpage">

<div class="ow_menu_fullpage_wrap">{$main_menu}</div>

</div>

<div class="ow_site_panel clearfix">

<a class="ow_logo ow_left" href="{$siteUrl}"></a>

<div class="ow_nav_btn"></div>

<div class="ow_console_right">

{component class='BASE_CMP_Console'}

</div>

<div class="ow_menu_wrap">{component class='BASE_CMP_MainMenu' responsive=true}</div>

</div>

<div class="ow_header">

        <div class="ow_header_pic"></div>

</div>

{*if isset($imageControlValues.headerImage.src)}

<div class="ow_header">

            <img class="ow_header_img" src="{$imageControlValues.headerImage.src}" />

            <div class="ow_header_pic"><img class="ow_header_img" src="{$themeImagesUrl}header.jpg" /></div>

</div>

{/if*}

</div>



<div class="ow_forgot_password">


    {block_decorator name='box' style='text-align:center;' langLabel='base+forgot_password_cap_label'}


        <div style="padding: 0 5px 5px;">{text key='base+forgot_password_form_text'}</div>


        {form name='forgot-password'}


            {input name='email' class='ow_smallmargin'}


            <div class="clearfix"><div class="ow_right">{submit name='submit' class='ow_positive'}</div></div>


        {/form}


    {/block_decorator}


</div>

user_reset_password.html : same

dave Leader
dave Jun 28 '20
good so glad you got it.. good work...
Jamie
Jamie Jun 28 '20
Appreciate your help Dave.