shahed

Update 1.2.0 for peacock Theme going to be a massive update with a lot of new features and functionality that will be release in near future. Summary of upcoming update 1.2.0 Select style for User Hover Card: Update 1.2.0 will add a new section to theme settings: User Hover Cards (UHC). in this section, Admin can select one of three options to use as default UHC. 1) IPS Default 2)Horizontal 3)Vertical which last two are custom design and adopted to be use in Desktop/Tablet/Phone. Horizontal have special animation work so Demo will be a video clip: Vertical mode: User Hover Card section also gets a setting for making UHC with blur glass effect. can be set active/de-active and works on all styles. demo for default UHC: Select style for Page Title Box: Page Title Box have two mode in peacock theme as of now to show either inside the top cover image or in main area. when it's in top cover image , currently it is looks like this: Now this section have style select to make it in (Light mode/Dark mode/Pick color from palette)... addition to that, there is option to show them with blur glass effect as well. Light mode with blur glass effect: Dark mode (Normal/Blur glass effect) Color palette mode (Normal/Blur glass effect) which picks color directly from color palette per user choice Blur glassy effect for Header Slider: Maximum width button With a maximum width button at bottom-side of peacock, in Desktop users can decide to browse website in normal default width or stretched and max width mode. button can be active/de-active by admin. per Forum color setting in Alternative Design: With this option is active, Alternative Design for Forums uses Featured color that being set for every forum to display: Update will also adds many optimizations and refinements to various areas, included: buttons, widgets, color palette and ... Important Note: After this release peacock theme will see a price increase as well.

Sure, you're quite welcome 👍 Not at all. but i really hope you could find those classes by yourself for future uses. Inspect feature with browser. In this case, i'm not sure what chatbox means here. you mean in PM/Messages? can you send me screenshot or link?

Glad that helped. about positive-light, this one is among many others are variables coming from IPS theme's root. there are not many options for them, but you can customize the same way in custom.css: :root { --positive-light: #87af9e !important; }

Hello, Those CSS styles that i send for custom.css, need to be expand based on your need. in it's current form it works only for "body" element. you may notice there are three "body {...}" in those styles, so every other HTML elements in your theme that have it's own font sizes, still retain their styling. you can find HTML element's css class with your browser's "Inspect" ability. for example this: This part is one of the sections in your screenshot, that need different font-size in phone screen. it uses ".ipsType_normal"... and you can style it for font size by expanding previous code, like this: /* Phone */ @media screen and (max-width: 767px) { body { font-size: 10px; } .ipsType_normal { font-size: 10px !important; } } As you can see i only made expand in Phone classes, so you can do this in Desktop/Tablet separately as well if needed. also you can use " !important" to prioritize the style you currently work. you can find other element's css classes just like this and try to give it custom styling this way.

For this theme? there are ACP screenshots from theme settings in marketplace page.

For this theme, some elements have font size setting for mobile device, namely Mobile Navigation. you can change main link sizes with different values to see changes in mobile screens. there is also IPS settings for each theme. you can find in Theme settings > Font Scale... but of course it's not always affect in mobile view. In my opinion the best way to handle this and target specific area, is using your theme's custom.css for some responsive designing. for example with this method you can change body text in desktop/tablet/phone if you add it in custom.css: /* Desktop */ body { font-size: 14px; } /* Tablet */ @media screen and (max-width: 977px) { body { font-size: 12px; } } /* Phone */ @media screen and (max-width: 767px) { body { font-size: 10px; } }

We must wait for Marketplace Moderators to review and approve 👍

Summary of upcoming features for peacock theme ver1.1.8 Alternative Design for Forum tables, Topic listing and Question listing. New animated Unread Badge for Forums/Topics New option for making Header Slider as SlideShow List of all changes and features for upcoming peacock ver1.1.8 New settings: Header Slider > Auto slide and Auto slide duration: set peacock slider as slideshow New setting: Header Slider > Open linked slides in new tab New setting: Topics and Posts > Alternative design for Table Forums/Topic Listing: alternative design similar to post style 1 for "Table Forums" New setting: Topics and Posts > Animation badge for new contents: new badge will be display in Forum/Topic listing with animation effect for new contents New setting: Mobile Navigation > Main link 5 (active) > Main link 5 (Style: peacock) > Menu height: set default size for Navigation/User menu in Mobile Navigation Fixed issue regarding custom height for header and slider is active at the same time, caused wrong height in mobile/phone view New animation effect for share buttons in side-bottom position HTML, CSS, JS updates

Just year? in any case i like the idea and will add date formatting options for this in next update 👍

Unfortunately i don't have small enough screen to test and confirm this issue, but i think having option for custom height for those menu in Tablet/Mobile screens should resolve this. so it will be add in next update... for now please use this class in your custom.css and see if this works in small screens. @media screen and (max-width: 767px) { .mvn_peacock_moreMenuMobile_container { height: 460px; max-height: 460px; } }

Page Name Navigation is a plugin that basically add a new navigation area at the top of all pages in community, which can be seen by scrolling down by user. idea is based on new feature in peacock Theme and will display information like Page name, Page's associated and important buttons like Share, Create, Submit, Management buttons, Download button, Follow button and ... based on where user is visiting right now and can be accessed at all time. it also display a global navigation menu with drawer style to website, which help user to navigate through the website without the need to get back to the top of the page. Demo (with Default theme) Features: Display global navigation with sidebar drawer style Page name Page's associated and important buttons like Share, Create, Submit, Management buttons, Download button, Follow button and ... Works with Desktop/Tablet/Phone Stylish design with dozens of options for customizations Please use this topic for support and suggestions 👍

I'm testing inline in your website with same code (not with actual iPad, just desktop > tablet mode), and it looks fine: Same as my test website and local. but if problem is persist on device itself, it probably caused by "background-attachment: fixed" this CSS property are set for "unset" in tablet mode so it won't zoom-in. it works on desktop test, but it seems have problem in actual iPad device 🤔 I will look into this 👍

Sure, If you want to change cover image size for iPad, you can add this code in custom.css // that "300px" can be increased or decreased. 👍 @media screen and (max-width: 977px) { .mvn_peacock_header_style { height: 300px; background-attachment: unset !important; } }

I'm not sure what you mean about iPad. Header images in iPad? if this is the case it display fine in my test. I should see how it looks like in your website. can you provide me link to this page? here or in personal message will do.

Hello, This links came from additional links in "Mobile Navigation" // for removing them go to Theme Settings > Mobile Navigation and find "Display Additional links in Quicklinks (in main navigation)" setting. turn this setting OFF. This setting will display additional links provided in "mobile navigation" in "main navigation" as well // similar setting exist for main navigation too, so you can display links created for main navigation in mobile navigation as well.

New version of peacock Theme is now available. What's New in Version 1.1.6 New Feature > Main Header > Sticky effect for main header (Active) > Dynamic Page Details (Include 6 sub-settings): Dynamic Page Details is a special area that contain handful information and options about any page users visit across community. based on where is user now in community, contents of this section changes and display Page name, Page icon, Share button, Important buttons like Create topic/Submit reply ..., Management buttons and Follow button. this area appear on scroll down in Desktop view and replace with contents of main navigation. it can be switch between two contents area by scroll up or down. New Setting in Misc > Ability to activate/deactivate hover animation effect for buttons New Settings in Misc > Ability to set custom round/square corners for areas and boxes (3 Settings) Compatibility update for Gallery 4.7.7 Various HTML/CSS/JS updates Most important new feature is Dynamic Page Details, which give additional area to main navigation.

New version for this resource has been accepted recently. Changelog for 1.1.1 Add new option: Category view > Display prefixes Add new option: Category view > Theme: List > Display two item per line Add new option: File view > Simplify submitter links Add new feature: File view now fully support widgets in both Custom theme 1 and 2 via widget manager Fixed bug regarding File view > Custom theme 2 > long titles overlapping the download button Fixed bug regarding File view > Custom theme 2 > container boxes now fit to sides in chrome Fixed bug regarding File view > Custom theme 1 > colliding boxes may break in certain desktop screen resolutions Most important feature with this update is now both File View themes can accept sidebar widgets. Demo with theme 1.

Thanks a lot to both @Daniel F and @Nathan Explosion I have tested this and it works as intended. i will soon submit the updated version 👍

Solved 👍

Thanks Daniel, I have created hook for this, but for test there is unexpected template error. here the error after posting in a topic: Error: Call to undefined method IPS\Text\cms_hook_Parser::getAllowedClasses() in D:\xampp\htdocs\ips_45\init.php(927) : eval()'d code:20 Stack trace: #0 D:\xampp\htdocs\ips_45\system\Text\Parser.php(574): IPS\Text\infobox_hook_allowedCSSClasses->getAllowedCssClasses() #1 D:\xampp\htdocs\ips_45\system\Text\Parser.php(186): IPS\Text\_Parser->_htmlPurifierConfiguration(NULL) #2 D:\xampp\htdocs\ips_45\system\Helpers\Form\Editor.php(579): IPS\Text\_Parser->__construct(true, '88b77eab7255e0e...', NULL, 'forums_Forums', true, true, NULL, true, NULL) #3 D:\xampp\htdocs\ips_45\system\Helpers\Form\Editor.php(423): IPS\Helpers\Form\_Editor->_getParser() #4 D:\xampp\htdocs\ips_45\system\Helpers\Form\FormAbstract.php(167): IPS\Helpers\Form\_Editor->getValue() #5 D:\xampp\htdocs\ips_45\system\Helpers\Form\Editor.php(569): IPS\Helpers\Form\_FormAbstract->setValue(true, false) #6 D:\xampp\htdocs\ips_45\system\Helpers\Form\FormAbstract.php(147): IPS\Helpers\Form\_Editor->setValue(true) #7 D:\xampp\htdocs\ips_45\system\Helpers\Form\Editor.php(212): IPS\Helpers\Form\_FormAbstract->__construct('topic_comment_1...', NULL, true, Array, Object(Closure), NULL, NULL, NULL) #8 D:\xampp\htdocs\ips_45\system\Content\Item.php(4977): IPS\Helpers\Form\_Editor->__construct('topic_comment_1...', NULL, true, Array, Object(Closure)) #9 D:\xampp\htdocs\ips_45\system\Content\Item.php(4654): IPS\Content\_Item->commentFormElements() #10 D:\xampp\htdocs\ips_45\system\Theme\Theme.php(885) : eval()'d code(5615): IPS\Content\_Item->commentForm() #11 D:\xampp\htdocs\ips_45\system\Theme\SandboxedTemplate.php(61): IPS\Theme\class_forums_front_topics->topic(Object(IPS\forums\Topic), Array, NULL, Array, NULL, NULL, Array) #12 D:\xampp\htdocs\ips_45\applications\forums\modules\front\forums\topic.php(576): IPS\Theme\_SandboxedTemplate->__call('topic', Array) #13 D:\xampp\htdocs\ips_45\system\Dispatcher\Controller.php(118): IPS\forums\modules\front\forums\_topic->manage() #14 D:\xampp\htdocs\ips_45\system\Content\Controller.php(50): IPS\Dispatcher\_Controller->execute() #15 D:\xampp\htdocs\ips_45\applications\forums\modules\front\forums\topic.php(39): IPS\Content\_Controller->execute() #16 D:\xampp\htdocs\ips_45\system\Dispatcher\Dispatcher.php(153): IPS\forums\modules\front\forums\_topic->execute() #17 D:\xampp\htdocs\ips_45\index.php(13): IPS\_Dispatcher->run() #18 {main} It says "undefined method IPS\Text\cms_hook_Parser::getAllowedClasses() " but there is no such cms_hook_Parser in the hook or anywhere else in the app for that matter. here the code in hook: //<?php /* To prevent PHP errors (extending class does not exist) revealing path */ if ( !\defined( '\IPS\SUITE_UNIQUE_KEY' ) ) { exit; } class infobox_hook_allowedCSSClasses extends _HOOK_CLASS_ { /** * Get allowed CSS classes * * @return array */ protected function getAllowedCssClasses() { return array_merge(parent::getAllowedClasses(), ['MVN_infoboxes_container','MVN_infoboxes_container-left','MVN_infoboxes_container-right','MVN_infotopic_container','MVN_infoline_container','MVN_infolineP','MVN_infolineV','MVN_infotoggle_container','MVN_infotoggle_title','MVN_infotoggle_content','MVN_infotoggle_openClose','MVN_bquote','MVN_infogb_container','MVN_infogb_thegood','MVN_infogb_thebad','MVN_reviewRate','MVN_secwp-image-cover','MVN_secwp_filter','MVN_imgComparison_container','MVN_imgComparison','MVN_imgComparison_resize','MVN_imgComparison_handle','MVN_columnBTN_half','MVN_columnBTN_third','MVN_spoilerText_BTN']); } }

Thanks Daniel, i wasn't aware of this. is there example for this? Sure and i like it, this shouldn't be a problem.

Legend Editor Buttons is a big package of 15 Editor buttons, can be use in every place in invision website that uses editor. these buttons have their own customization settings so it is possible to change colors, size and other styling options. Legend Editor Buttons is an application and created specially this way to make it possible to upgrade my old resources as CKEditor buttons here along new features and more buttons. Live Demo Please use this topic for support and suggestion for the resource.

For this resource the Drama i think is over. Thanks everyone involved here, specially @Nathan Explosion for suggestion and @ZakRhyno 👍 With this format, i think it should be possible for other similar resources like graphic files to be submit in marketplace. 🤔

Will work on it 👍 Thanks for the report. i will look into these as well. Sure. glad you liked it 👍

Hi, some of themes like List have prefix support. this is because large space they have. adding that in smaller templates like grids ... can be tricky. but in any case i will look into it. 👍 Which list view? there are number of variables, so specific could help.