Xen Notices [Deleted]

RAHSTYLES said:
How do you make it so this doesnt show on registration page?
Click to expand...
It's not possible to hide a Notification (or XF Notice for that matter) by exclusion with the Page Criteria so it's a case of leaving it as it is, or using CSS to hide it.

EXTRA.css:

Code: 
.register_form .GritterContainer
{
    display: none;
}

That should hide all Notifications from the register_form template.
 
Chris D said:
It's not possible to hide a Notification (or XF Notice for that matter) by exclusion with the Page Criteria so it's a case of leaving it as it is, or using CSS to hide it.

EXTRA.css:

Code: 
.register_form .GritterContainer
{
    display: none;
}

That should hide all Notifications from the register_form template.
Click to expand...

Well then.. if sombody registers they have to see the sign the whole time? So what do people do? just dismiss it?
 
RAHSTYLES said:
Well then.. if sombody registers they have to see the sign the whole time? So what do people do? just dismiss it?
Click to expand...
What are you trying to achieve? What is the notification that you are wanting to hide only on the registration page? Is it just the Guest notification about signing up? If so, I wouldn't worry as guests will just dismiss it.

You need to sort out that horrible banner with the ticker at the bottom of your website too. Not only is it ghastly, it partially hides the notification and completely obscures the chat bar. It's not immediately obvious that it can be minimised and my first thought was to just simply leave your site, I only persisted due to wanting to respond to you here.
 
RAHSTYLES said:
I know but people who dont know how to do the css .. that jsut installed the product.. i mean
Click to expand...
People know how to contact me if they need support. Just as you have done. I will happily give them the same answer.

This isn't exclusive to my add-on. It would be the same if you used the default Notices system.
 
New question:

I am trying to get the Google login to work with this but it appears it needs some variables that the others do not. Is there a way in a future update, that the following would be able to work within the notification? Facebook and Twitter do work.

Code: 
            <li><span class="googleLogin GoogleLogin JsOnly" tabindex="110" data-client-id="{$xenOptions.googleClientId}" data-redirect-url="{xen:link register/google, '', 'code=__CODE__', 'csrf={$session.sessionCsrf}'}"><span>{xen:phrase login_with_google}</span></span></li>

How I have it setup now, with the Google button not working: https://www.dropbox.com/s/xmyxwzuai0c813v/Screenshot 2014-10-09 08.23.07.png?dl=0
 
Is this the actual code you used in the Notification text?

Code: 
<li><span class="googleLogin GoogleLogin JsOnly" tabindex="110" data-client-id="{$xenOptions.googleClientId}" data-redirect-url="{xen:link register/google, '', 'code=__CODE__', 'csrf={$session.sessionCsrf}'}"><span>{xen:phrase login_with_google}</span></span></li>

If so, it's not going to be possible really. One small issue is the xen: syntax code isn't going to work anyway. Nothing in the Notification is compiled, it will just be raw HTML so it would need to be valid, e.g. using an actual URL instead of {xen:link and actual text instead of {xen:phrase.

The variables are probably the biggest sticking point. At least the sessionCsrf is anyway. You could manually input your Google Client ID because it's static, but the sessionCsrf is dynamic.

As a future suggestion is it likely I'll ever delve into compiling these into template objects and passing that compiled HTML through? Maybe... It's a bit of a stretch though. It would have its uses. But it'd be a pretty big change so would likely be for a major version.

I might have a solution but I think because of the way it is executed it triggers a pop up blocker...

Try this code:

Code: 
<li><span class="googleLogin JsOnly" tabindex="110" onclick="$('.GoogleLogin').click();"><span>Log in with Google</span></span></li>
 
Code: 
.quickReply .messageUserInfo .helper {display:none;}
.messageUserInfo .helper  {
  display: block;
  position: absolute;
  top: -4px;
  left: -4px;
  background: url("@imagePath/xenforo/icons/starter.png") no-repeat  transparent;
  height: 56px;
  width: 56px;

}


.nodeInfo.unread .nodeTitle:after
{
background-color: #ac1212;
content: "NEW";
color: white;
border-radius: 2px;
margin-left: 5px;
padding: 1px 5px;
font-size: 9px; }





/* START - HIGHLIGHT RESOURCE TABS */
.tabs .resourceTabDescription {
    background: url("@imagePath/xenforo/gradients/form-button-white-25px.png") repeat-x;
    background-color: @primaryLighter;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.tabs .resourceTabDiscussion {
    background: url("@imagePath/xenforo/gradients/form-button-white-25px.png") repeat-x;
    background-color: @primaryLighter;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.tabs li a, .tabs.noLinks li {
    background: none;
}

.tabs .resourceTabUpdates {
    background: url("@imagePath/xenforo/gradients/form-button-white-25px.png") repeat-x;
    background-color: @primaryLighter;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.tabs .resourceTabHistory {
    background: url("@imagePath/xenforo/gradients/form-button-white-25px.png") repeat-x;
    background-color: @primaryLighter;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.tabs .resourceTabReviews {
    background: url("@imagePath/xenforo/gradients/form-button-white-25px.png") repeat-x;
    background-color: @primaryLighter;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}



/* START - HIGHLIGHT RESOURCE TABS */


/*Hightlight serch mod */

.highlight
{
    color: @secondaryMedium;
}

/*END - HIGHTLIGHT RESOURCE TABS */


/ Start of Jazz up your bullet list /

.message ol{
    counter-reset: li; /* Initiate a counter */
    list-style: none; /* Remove default numbering */
    *list-style: decimal; /* Keep using default numbering for IE6/7 */
    font: 15px 'trebuchet MS', 'lucida sans';
    padding: 0;
    margin-bottom: 4em;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.message ol ol{
    margin: 0 0 0 2em; /* Add some left margin for inner lists */
}
.message .baseHtml ol li {
position: relative;
    display: block;
    padding: .4em .4em .4em 2em;
    *padding: .4em;
    margin: .5em 0;
        background: #ddd;
    color: #444;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;
}
.message .baseHtml ol li hover{
    background: #eee;
}
.message .baseHtml ol li:hover:before{
    transform: rotate(360deg);
}
.message .baseHtml ol li:before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    left: -1.3em;
    top: 50%;
    margin-top: -1.3em;
    background: #87ceeb;
    height: 2em;
    width: 2em;
    line-height: 2em;
    border: .3em solid #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    transition: all .3s ease-out;
}
.message .baseHtml ul li {
position: relative;
    display: block;
    padding: .4em .4em .4em 2em;
    *padding: .4em;
    margin: .5em 0;
        background: #ddd;
    color: #444;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;
}
.message .baseHtml ul li hover{
    background: #eee;
}
.message .baseHtml ul li:hover:before{
    transform: rotate(360deg);
}
.message .baseHtml ul li:before {
    content: '*';
    position: absolute;
    left: -1.3em;
    top: 50%;
    margin-top: -1.3em;
    background: #87ceeb;
    height: 2em;
    width: 2em;
    line-height: 2em;
    border: .3em solid #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    transition: all .3s ease-out;
}


/ End of jazz up your bullet list /


/* SIGN UP BOX */
@-webkit-keyframes redPulse {
from { background-color: #136cc5 -webkit-box-shadow: 0 0 9px #333; }
          50% { background-color: #e33100; -webkit-box-shadow: 0 0 18px #e33100; }
          to { background-color: #136cc5; -webkit-box-shadow: 0 0 9px #333; }
        }
@-moz-keyframes redPulse {
from { background-color: #136cc5; -moz-box-shadow: 0 0 9px #333; }
          50% { background-color: #e33100; -moz-box-shadow: 0 0 18px #e33100; }
          to { background-color: #136cc5; -moz-box-shadow: 0 0 9px #333; }
        }
@-o-keyframes redPulse {
from { background-color: #136cc5; -o-box-shadow: 0 0 9px #333; }
          50% { background-color: #e33100; -o-box-shadow: 0 0 18px #e33100; }
          to { background-color: #136cc5; -o-box-shadow: 0 0 9px #333; }
        }
@keyframes redPulse {
from { background-color: #136cc5; box-shadow: 0 0 9px #333; }
          50% { background-color: #e33100; box-shadow: 0 0 18px #e33100; }
          to { background-color: #136cc5; box-shadow: 0 0 9px #333; }
        }
#SignupButton {
border: none !important;
background: transparent !important;
}
#SignupButton .inner {
-webkit-animation-name: redPulse;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: redPulse;
-moz-animation-duration: 2s;
-moz-animation-iteration-count: infinite;
-o-animation-name: redPulse;
-o-animation-duration: 2s;
-o-animation-iteration-count: infinite;
animation-name: redPulse;
animation-duration: 2s;
animation-iteration-count: infinite;
background: none repeat scroll 0% 0% #750606 !important;
}
#SignupButton:hover .inner {
  background: #e33100 !important;
}
/* END SIGN UP BUTTON */


/* START NO NOTIFICATION REGISTER */
.register_form .GritterContainer
{
    display: none;
}
/* END NO NOTIFICATION REGISTER */
 
It wasn't in there, but it is now.

Also, there is a mistake (my fault):

Code: 
.register_form #GritterContainer
{
    display: none;
}
 
Chris D said:
It wasn't in there, but it is now.

Also, there is a mistake (my fault):

Code: 
.register_form #GritterContainer
{
    display: none;
}
Click to expand...
Nice thanks man it works. man thats why I hate php .. if you forget one little symbol it dont work. Honestly php looks like alien gibberish to me.. I could never learn that coding.
 
@Chris D,

If a notification contains, for example: Go get this deal now, it costs only $9.

For some reason it will appear as: Go get this deal now, it costs only .

So the $9 for some reason is removed from the output.

Why?
 
Chris D said:
It works fine for me:

View attachment 86568

What version of Notifications? What's the exact text and title?
Click to expand...
Title:
★ Hey {name} ★
Text:
Testing how this works... Only $9 for a limited time.

When I click Preview, the $9 shows correctly.

But on the main site, forum page, once saved and "live", the $9 is stripped away.

Why on earth might this be... the addon version is 1.7.6, so newest...

Firebug on the notification:

Screen Shot 2014-10-16 at 17.48.53.webp

So the $9 doesn't even show up on the source code. But it does show up in the Admin CP when I open up the Notification from there.
 
You must log in or register to reply here.

Similar threads

MentaL
Hide avatars from deleted notices for staff
Replies
0
Views
37
MentaL
MentaL
XenSoluce
[Xen-Soluce] Notice BB Code [Paid]
Replies
0
Views
43
XenSoluce
XenSoluce
XenSoluce
[Xen-Soluce] Information Page Management [Deleted]
Replies
3
Views
104
XenSoluce
XenSoluce
ThemeHouse
[TH] Notices Plus [Deleted]
Replies
7
Views
1K
Ozzy47
Ozzy47
RobinHood
  • Question Question
Can you use Xen syntax in notices?
Replies
2
Views
709
RobinHood
RobinHood
Back
Top Bottom