Change Page Title - browser tab description

[JohanR]

Hi,

How to update the browser tab heading dynamically as a user changes fields on a form.
eg. change from quote to order , then to change the browser tab description from the quote nr to the order nr


Changing a tab heading I used the following
p_web.ntForm(loc:formname,'setTabHeadingText',0,clip(loc:quote_tab_text))

I see the this line in the webhandler when the page is created 
p_web.MakePage('OrderMasterForm',Net:Web:Form,p_web.site.LoginRequired,p_web.GSV('my_title'),,,)

However cannot find how to update the browser tab


thanks

Johan

[rjolda]

HI Johan,
It is not clear what you are trying to update.  The Page Heading or the Text within the little Tab itself?
Ron

[rjolda]

Johan,
IF you are trying to modify the text in the Tab header itself, you might be able to do it in css.   I Took the tab Properties page for the tab and I put in names for the CSS selectors in the fields on Properties tab. e.g. the  8th item down, the Tab Heading Item CSS:  I put in 'tab1headingitemcss'.  Tab text is "Actions".

Looking at it with Inspector:

 <li class="tab1headingItemcss ui-tabs-tab ui-corner-top ui-state-default ui-tab ui-tabs-active ui-state-active" role="tab" tabindex="0" aria-controls="tab_a_mobilebutton_memform0_div" aria-labelledby="ui-id-14" aria-selected="true" aria-expanded="true"><a class="tab1headingcss ui-tabs-anchor" href="#tab_a_mobilebutton_memform0_div" tabindex="-1" id="ui-id-14"><div>Actions</div></a></li>
                         
<a class="tab1headingcss ui-tabs-anchor" href="#tab_a_mobilebutton_memform0_div" tabindex="-1" id="ui-id-14"><div>Actions</div></a>

 
The Text of the Tab is "Actions" and you see it in the DIV.  There are css selectors around it like class="tab1headingcss ui-tabs-anchor" and class="tab1headingcss ui-tabs-anchor"
You might be able to use these to change the text of the DIV.   I have not played with this so if you figure this out, let us know.
Ron

[JohanR]

Hi Ron

Apologies, my question probably was not clear, seemed very clear to me when I was typing it

See the attachment

On the procedure General TAB, I can specify the page title and I can use a session variable
Looking in the code it is loaded with this line
p_web.MakePage('OrderMasterForm',Net:Web:Form,p_web.site.LoginRequired,p_web.GSV('my_title'),,,)

So I'm hoping to change that to a dynamic quote nr, or an order nr as the user changes the status on the page.



I also possibly created confusion with this line , Ignore this
p_web.ntForm(loc:formname,'setTabHeadingText',0,clip(loc:quote_tab_text))



thanks


Johan

[rjolda]

HI Johan,
Are you trying to change Tab (Laptop5)  to something else like Tab (LaptopDONE)?  Is that what you are trying to change?
Ron

[JohanR]

Hi Ron

No,
Its the 'Orders' with the red logo which is on one of the browser tabs.
Currently it's generic, but would be good to have the actual order number there or the quote nr,
if multiple tabs are open

I have added an attachment that currently show multiple tabs with the order nr , this is loaded at page loading,

Trying to see if I can change that text while the user is on the form, eg. when it's a quote and the users converts to a confirmed order, then change it from the quote nr to the order nr.

This is not critical, but a nice touch, and would be good to know how to access that data as it might have other uses for feedback.

This is an example of Bitfinex crypto trading exchange updating the price live
https://trading.bitfinex.com/trading?type=exchange


regards

Johan