XF 1.5 Link to hide a notice?

[querschlaeger]

Hello,

I want to show a bigger Link to hide a notice, so I added the following HTML into the notice text:

<a href="account/dismiss-notice?notice_id=1" class="callToAction"><span>OK</span></a>

But this does not work as a guest user. Do I need a special JavaScript action oder class too?

 

[Jeremy P]

Notices can't be dismissed for guests.

Disregard, sorry.

 

[Russ]

You could actually use some simple CSS in extra.css along with a phrase change

#XenForo .DismissParent .DismissCtrl {
background: #000 none no-repeat scroll 0 0;
font-size: 12px;
font-weight: bold;
height: auto;
padding: 7px 20px;
text-indent: 0;
top: 7px;
width: auto;
}
#XenForo .Notices .panel .noticeContent {
padding-right: 62px;
}

Edit the phrase: "dismiss_notice"




(I only tested this on the default notices not the floating ones)

 

[Russ]

Notices can't be dismissed for guests.

You sure about that?




Mike touches upon it here: https://xenforo.com/community/threads/notice-titles.104312/#post-981519 (which is why his original link wasn't working)

 

[Jeremy P]

@Russ Huh, I guess that was added in 1.5? I hadn't noticed that, thanks.

 

[querschlaeger]

You could actually use some simple CSS in extra.css along with a phrase change
[...]
Edit the phrase: "dismiss_notice"
[...]

Nice! But I don't want it global. Only one notice must have this bigger button.

 

[Russ]

Nice! But I don't want it global. Only one notice must have this bigger button.

Modify the CSS:

#XenForo .DismissParent.notice_2 .DismissCtrl
{
   background: #000 none no-repeat scroll 0 0;
   font-size: 12px;
   font-weight: bold;
   height: auto;
   opacity: 0.6;
   padding: 7px 20px;
   text-indent: 0;
   top: 7px;
   width: auto;
}
#XenForo .Notices .notice_2 .noticeContent
{
   padding-right: 62px;
}

change the _2 to your notice ID. You can still change the phrase as it doesn't show on any of the notices anways

 

[querschlaeger]

Finally I found a solution without extra CSS or modification.

Just add this HTML to a notice:

<a class="callToAction" onclick="$(this).closest('.Notice').find('a.DismissCtrl').trigger('click');"><span>OK</span></a>

 

[ActorMike]

I also removed the opacity to make the X more visible because users were not seeing it.

.DismissParent .DismissCtrl {
opacity: 100;
}