Jump to content

BomAle

Members
  • Posts

    821
  • Joined

  • Last visited

  • Days Won

    2

 Content Type 

Downloads

Release Notes

IPS4 Guides

IPS4 Developer Documentation

Invision Community Blog

Development Blog

Deprecation Tracker

Providers Directory

Forums

Events

Store

Gallery

Posts posted by BomAle

  1. 9 hours ago, Pedro Ibáñez said:

    1- With this plugin only can be set one pop up?

    The plugin configuration is restricted to only one instance, but you can create a lot of popup if you don't would cookie remember.

    I must convert this plugin to app when I have some free time.

    9 hours ago, Pedro Ibáñez said:

    I want to make a pop up which appears when cliking in a block in the sidebar.

    No problem, you must configure popup panel as follow:

    Customize Popup tab

    1. Close popup on click elements, leave empty

    image.thumb.png.315131dbf15725c531b625709519932f.png

    2. Template, replace with

    <div id='bacalltoactionpopup' data-controller='plugins.bacalltoactionpopup' class="ipsHide"
    	data-url="http://encontinuo.com/calc.html"
    	data-size="{$p->size}"
    	data-modal="{$p->modal}"
    	data-content="{$p->content}"
    	data-title="{$p->title}"
    	data-close="{$p->close}"
    	data-close-on-click="{$p->closeOnClick}"
    	data-open-on-click="{$p->openOnClick}"
    	data-class-name="{$p->className}"
    	data-transition-popup-show="{$p->transitionPopupShow}"
    	data-transition-popup-hide="{$p->transitionPopupHide}"
    	data-transition-modal-show="{$p->transitionModalShow}"
    	data-transition-modal-hide="{$p->transitionModalHide}"
    	data-exit="{$p->exit}"
    	data-scroll="{$p->scroll}"
    	data-unset="{$p->unset}"
    	data-align="{$p->align}"
    	data-position="{$p->position}"
    	data-wait="{$p->wait}"
    >
    	<div class='ipsPad ipsType_center'>
    	{$p->msg|raw}
    	</div>
    </div>
    <script type="text/javascript">
    ;( function($, _, undefined){
    "use strict";
    ips.controller.mixin('bacalltoactionpopup', 'plugins.bacalltoactionpopup', true, function () {
    	this.around('close',function(fn){
    		var orig = fn();
    		orig.done(function(){
    			ips.utils.cookie.unset('bacalltoactionpopup');
    		});
    		return orig;
    	});
    });
    }(jQuery, _));
    </script>

    Display Rules tab

    3. Show Again, check Always option

    4. Open popup on click elements, insert 

    a[href*="//encontinuo.com/calc.html"]

    or for sidebar specific

    #ipsLayout_sidebar a[href*="//encontinuo.com/calc.html"]

    image.thumb.png.c27202bfcaf2794299e439ae058c70c1.png

    NOTE: Now I upload 1.0.2 beta 7 it is a small fix for Open popup on click elements

  2. from suggestion: 

    Content

    <p>
    	<a class="ipsAttachLink ipsAttachLink_image ipsAttachLink_left" href="https://i.imgur.com/2Q9nu8m.jpg" style="float: left;"><img alt="book cover" class="ipsImage" height="206" src="https://i.imgur.com/2Q9nu8m.jpg" style="width: 148px; height: 220px;" width="196"></a>
    </p>
    
    <p style="text-align: left;">
    	<span style="font-size:22px;line-height:1.5;"><strong>12 Proven Ways to Convert Abandoning Visitors into Subscribers</strong></span>
    </p>
    
    <p style="text-align: left;line-height:1.8;">
    	Over 70% of visitors who abandon your website will never return! Learn how to unlock the highest conversion revenue from each of your website visitors!
    </p>

    removed class ipsImage_thumbnailed, unset the border for attached image.

    Template

    <div id='bacalltoactionpopup' data-controller='plugins.bacalltoactionpopup' class="ipsHide"
    	data-size="{$p->size}"
    	data-modal="{$p->modal}"
    	data-content="{$p->content}"
    	data-title="{$p->title}"
    	data-close="{$p->close}"
    	data-close-on-click="{$p->closeOnClick}"
    	data-open-on-click="{$p->openOnClick}"
    	data-class-name="{$p->className}"
    	data-transition-popup-show="{$p->transitionPopupShow}"
    	data-transition-popup-hide="{$p->transitionPopupHide}"
    	data-transition-modal-show="{$p->transitionModalShow}"
    	data-transition-modal-hide="{$p->transitionModalHide}"
    	data-exit="{$p->exit}"
    	data-scroll="{$p->scroll}"
    	data-unset="{$p->unset}"
    	data-align="{$p->align}"
    	data-position="{$p->position}"
    	data-wait="{$p->wait}"
    >
    	<div class='ipsPad ipsType_center'>
    	{$p->msg|raw}
    	</div>
    {{$form = new \IPS\Helpers\Form( 'form', null, \IPS\Http\Url::internal( 'app=core&module=system&controller=register', 'front', 'register' )/*, array( 'data-controller' => 'core.front.system.register')*/ );}}
    {{$email = new \IPS\Helpers\Form\Email( 'email_address', NULL, TRUE, array( 'accountEmail' => TRUE, 'maxLength' => 150, 'bypassProfanity' => TRUE, 'placeholder' => 'Email' ) );$form->addHtml( $email->html() );}}
    {{$form->addHtml(\IPS\Theme::i()->getTemplate( 'forms', 'core', 'global' )->button( 'sign_up', 'submit', null, 'ipsButton ipsButton_primary ipsButton_small', array( 'tabindex' => '2', 'accesskey' => 's' ) ));}}{{$form = preg_replace(['/data-ipsForm/', '/<div class="ipsAreaBackground_light ipsClearfix ipsPad ipsType_center">[.\s]*<\/div>/'], '', $form );}}
    <div class="ipsPad" style="background: #d0d0d0;text-align:center">{$form|raw}</div>
    </div>

    removed {{if !member.member_id}}...{{endif}} from Template field, I suggest to adopt "Show to selected Group" option for filter by groups (so it's easier to manage and decrease confusion).

  3. On 12/05/2016 at 0:20 PM, EricT said:

    Any news about this feature ?

    I would like to translate words in the friendly apps url because it is very important for SEO. I want to use french keywords.

    Thank you

    +1 ❤ (could be useful also have a history, permise to redirect on current furl avoiding "page not found")

  4. This is a guide for organize header widgets into 3 column, this concept could be extended to 4-5 column with automated configuration (A idea for custom theme).

    The options are many but I suggest to leave it as I wrote below:

    @media screen and (min-width: 980px) {
    	/* c = $c = 3, 3 colonne */
    	[data-widgetArea='header'] > ul > li{
    		float: left;
    		display: inline-block !important;
    		padding: 0 !important;
    		margin: 0 1% 2% !important; /* m = 1 */
    		width: 32%; /*(100-(c*2-2)*m)/c => (100-(3*2-2)*1)/3 = 32 */
    		vertical-align: top;
    		height: 400px;
    		overflow-y: auto !important;
    		overflow-x: hidden !important;
    	}
    	/* http://lea.verou.me/2011/01/styling-children-based-on-their-number-with-css3/ */
    	[data-widgetArea='header'] > ul > li:nth-of-type(3n+1):nth-last-child(1) {
    		width:100%; margin-bottom: 0 !important; margin-right: 0 !important;
    	}
    	/* 3n+1 first li of each row, 2 second to the last */
    	[data-widgetArea='header'] > ul > li:nth-of-type(3n+1):nth-last-child(2),
    	[data-widgetArea='header'] > ul > li:nth-of-type(3n+1):nth-last-child(2) ~ li {
    		width:49%; margin-bottom: 0 !important;
    	}
    	[data-widgetArea='header'] > ul > li:nth-of-type(3n+2):nth-last-child(1) {
    		margin-right:0 !important;
    	}
    	[data-widgetArea="header"] > ul > li:nth-of-type(3n+1):nth-last-child(3),
    	[data-widgetArea="header"] > ul > li:nth-of-type(3n+1):nth-last-child(3) ~ li {
    		margin-bottom: 0 !important;
    	}
    	/* LAST WIDGET {$c}n*/
    	[data-widgetArea='header'] > ul > li:nth-of-type(3n){
    		float: none;
    		clear: both;
    		margin-right: 0 !important;
    	}
    	/* FIRST WIDGET {$c}n+1*/
    	[data-widgetArea='header'] > ul > li:nth-of-type(3n+1){
    		margin-left: 0 !important;
    	}
    	[data-widgetArea="header"]::after {
    		visibility: hidden;
    		display: block;
    		font-size: 0;
    		content: " ";
    		clear: both;
    		height: 0;
    	}
    }

    Copy & Paste this code on custom.css

    res2.thumb.png.44c1931209881c9ef64140262ccb4873.png

    Source : InvisionITA

  5. Thanks Adriano for take it, I have some questions before buy it:

    how are filled in your app the jobs offered? like place available, type/role of subject researched... and how is the form for acceptance/partecipate?

    how them are stored (status complete, stopped for new requirements, open... custom status)?

    are available a count of many jobs have each user managed/partecipate, with status of it?

    I like when you talk about location filter of the results. This is essentially to search near available jobs.

  6. My personal solutions:

    • Must be a limit (or don't log) when a user try to download more x times same file on y days, to improve bandwidth and avoid this behaviour (cheat to win in downloads of the week)
    • New block (if it is not exist) where count buyers not downloads
    • Rework the queries and add group by member_id or ip if member_id is null...
  7.  

    v1.0.2 Beta 1

    • Preview button on AdminCP
    • Popup, title content close close on click, position & align, size, class name, animation in/out, message with ckeditor, template, last edit
    • Modal, show & animations
    • Rules, groups restriction & cookie remember
      • Display when: scroll down (%,px) exit wait open on click
      • Display where: referer & location
    • Documentation, initial state

    some fix: removed bacalltoactionpopup column from core_members

    upcoming for 1.0.2: complete documentation with demos, add new transitions, pre-made template, your suggestions

    todo: improve ajax expirience, automatic check update.

    Know BUG: when try to save template edit inside the popup settings on AdminCP it return old value.

    FIX:

    edit into ips.ui.form.js line 154-159

    _cmInstances[ elemId ]  = CodeMirror.fromTextArea( document.getElementById(elemId), { 
       mode: $(elem).attr('data-mode'),
       lineWrapping: true,
       lineNumbers: false,
       leaveSubmitMethodAlone: true
    } );

  8. On 11/11/2016 at 8:10 PM, Ohio Guns said:

    Just wondering how this is triggered. On the default theme this works fantastic with no problems. However I have a theme from ThemeTree installed and it doesn't not appear to function properly there. I'm assuming its missing the code its looking for to inject the popup code.

    sorry for delay, what is the theme in object? to work it must include selector "#elContent" at least.

    send me a pm if you would leave me demo link o other details :thumbsup:

  9. 3 hours ago, Ohio Guns said:

    Mine is displaying all text centered for some reason. Any idea how to fix?

    Thanks for purchase, i leave the steps to fix it:

    1. Download the .xml file
    2. Edit .xml file, find text "ipsType_center" and remove.
    3. Save and upload into plugins module on AdminCP (I will send you on PM the xml with this edit)
  10. On 26/10/2016 at 4:07 AM, Joey_M said:

    Would you consider adding a setting which will allow us to control where the popup is displayed?

    i.e only show on the community index page, topics, etc

    edit_10002.pngIn progress, I will add also:

    • Some template for popup with ability to custom inside editor (if possible) or a button for live preview.
    • Display options: show after x seconds, when scroll down (%), exit page, autoclose after x seconds, transitions, button for close...
    • Remove database column from core_members and replace it with cookie (like a guest), this avoid ajax call when close dialog (performance improvement, but a ugly idea for who would remember the choise).
  11. 7 hours ago, Gabriel Torres said:

    @BomAle thank for the plugin; I was looking for something like this for quite a while now. Questions:

    1. Can we configure which usergroups will see the message?

    2. How often the message will be displayed for each user?

    Thanks.

    1. Not currently but I will add this feature in the next version

    2. When close browser the cookie is removed for guests while for registered members is hidden until you re-edit the message from the admincp.

    5 hours ago, PK E 12 said:

    if we can make it so where it will pop up  anche when someone hasn't refreshed the forums would be DOPE and also have it set to what groups that you want to see it. Thank you @BomAle for the nice plug in though! :)

    Thanks you for purchase it :thumbsup:

×
×
  • Create New...