Phoca Forum

Posted: **13 Apr 2022, 17:55**

Display Form - (Hide | Display) Set if form should be displayed or not. If not then link to the form will be displayed (clicking on link will display the form)

Sorry but no link is showing up to open the guestbook form.

Posted: **15 Apr 2022, 23:20**

Hi, which version of Phoca Guestbook and Joomla do you use?

Posted: **16 Apr 2022, 12:35**

On a test site using the latest joomla 4 and Phoca guestbook 4.0.0 beta.

Posted: **23 Apr 2022, 20:43**

Hi, thank you for the info, confirmed. I will take a look at it (not sure if this parameter will stay in Joomla 4 because of new JS and CSS libraries which maybe don't allow to display the link with content)

Thank you, Jan

Posted: **24 Apr 2022, 12:51**

Ok, i hope it will come back. Thank you for the info.

gr.
Evert

Posted: **26 Apr 2022, 15:43**

Hi, tested now, but unfortunately, this is not more possible with new design libraries. As there is available only classic form, it is not a part of the system anymore. The parameter will only show or hide the form and I will try to find another way for this feature in future (like e.g. adding some Bootsrap collapse function, etc.). But for now, there is no such option

Jan

Posted: **13 May 2022, 11:41**

I have implemented my own solution with my own html/css/jquery placed in the "Description" of the created Guestbook (i.e. Phoca Guestbook --> Control Panel --> Guestbooks --> New/Existing --> Code Editor).

First of all set the Display Form - (Hide | Display) to "Display".

I created my own tabs/buttons as follows

Code: Select all

<div class="panelTabsContainer">
  <div id='postsTab' class='panelTabs active' data-panel='posts'>Posts Only</div>
  <div id='messagesTab' class='panelTabs' data-panel='postMessage'>Post A Message</div>
</div>

and formated the tabs/buttons appropriately with CSS. The "active" class is used to paint the tab/button differently and it is manipulated by jQuery code below.

I have the Message Posting panel being hidden with the following CSS code:

Code: Select all

.well.pgwell.pgb_sec_font {
  display: none;
}

I added the necessary jQuery to display/hide the Message Posting panel as follows:

Code: Select all

$('.panelTabs').on('click', function() {
  $('.panelTabs').removeClass('active');   // REMOVE CLASS "ACTIVE" FROM ALL TABS/BUTTONS
  $(this).addClass('active');   // ADD THE CLASS "ACTIVE" ON THE CLICKED TAB/BUTTON
  var panel = $(this).attr('data-panel');   // FIND WHICH TAB/BUTTON WAS CLICKED
  if (panel == 'postMessage') {   // SHOW/HIDE MESSAGE POSTING PANEL ACCORDINGLY
    $('.well.pgwell.pgb_sec_font').show(); 
  } else {
    $('.well.pgwell.pgb_sec_font').hide();
  }
});

The Phoca GuestBook does not provide much formatting but it provides an excellent base to work on.

My wishes for future updates are:

Group and place all individual posts within a parent element, instead of having them being siblings of the "Message Posting" panel. Their parent element should be a sibling of the "Message Posting" panel instead.
Every HTML element should have an id attribute, and all sibling HTML elements should have same class attributes, so we may manipulate them with CSS and jQuery much easier.

Posted: **14 May 2022, 22:55**

Hi, thank you very much for the improvement and feedback.

Thank you, Jan

Posted: **17 May 2022, 20:59**

@StavrosZ, thanks a lot. A clever workaround to 'hide' the posing form

Posted: **08 Feb 2023, 22:36**

StavrosZ wrote: ↑13 May 2022, 11:41 I have implemented my own solution with my own html/css/jquery placed in the "Description" of the created Guestbook (i.e. Phoca Guestbook --> Control Panel --> Guestbooks --> New/Existing --> Code Editor).

First of all set the Display Form - (Hide | Display) to "Display".

I created my own tabs/buttons as follows
Code: Select all
<div class="panelTabsContainer">
  <div id='postsTab' class='panelTabs active' data-panel='posts'>Posts Only</div>
  <div id='messagesTab' class='panelTabs' data-panel='postMessage'>Post A Message</div>
</div>
and formated the tabs/buttons appropriately with CSS. The "active" class is used to paint the tab/button differently and it is manipulated by jQuery code below.

I have the Message Posting panel being hidden with the following CSS code:
Code: Select all
.well.pgwell.pgb_sec_font {
  display: none;
}
I added the necessary jQuery to display/hide the Message Posting panel as follows:
Code: Select all
$('.panelTabs').on('click', function() {
  $('.panelTabs').removeClass('active');   // REMOVE CLASS "ACTIVE" FROM ALL TABS/BUTTONS
  $(this).addClass('active');   // ADD THE CLASS "ACTIVE" ON THE CLICKED TAB/BUTTON
  var panel = $(this).attr('data-panel');   // FIND WHICH TAB/BUTTON WAS CLICKED
  if (panel == 'postMessage') {   // SHOW/HIDE MESSAGE POSTING PANEL ACCORDINGLY
    $('.well.pgwell.pgb_sec_font').show(); 
  } else {
    $('.well.pgwell.pgb_sec_font').hide();
  }
});
The Phoca GuestBook does not provide much formatting but it provides an excellent base to work on.

My wishes for future updates are:
Group and place all individual posts within a parent element, instead of having them being siblings of the "Message Posting" panel. Their parent element should be a sibling of the "Message Posting" panel instead.

Every HTML element should have an id attribute, and all sibling HTML elements should have same class attributes, so we may manipulate them with CSS and jQuery much easier.

Please tell me what file you changed, or send me the files you changed, what files you changed or added and what folder they are in, unfortunately so I don't know how to use your precious information.

Phoca Forum

Link to open form not showing

Link to open form not showing

Re: Link to open form not showing

Re: Link to open form not showing

Re: Link to open form not showing

Re: Link to open form not showing

Re: Link to open form not showing

Re: Link to open form not showing

Re: Link to open form not showing

Re: Link to open form not showing

Re: Link to open form not showing