blog documentation FAQ followers forum marketplace services youtube

Add To Playlist Button Customization

The Jamroom Network » Forum » Design and Skin Customization » Page » Add To Playlist Button Customization
alt=
Ekwe
@ekwe
10 years ago
212 posts
Hello, having problems finding a way to modify and change the button for add to playlist. I am seeing {$icon_html}

How do I edit it. I want a jpg to be in place for the ajax box to pop up
updated by @ekwe: 03/25/14 07:07:34PM
douglas
@douglas
10 years ago
2,790 posts
Those buttons are controlled by CSS and the jrCore_icon function.

The images for the buttons are located in the modules/jrCore/img/icons_black and icons_white directories. To choose which color and size to use for your skin, you would modify your skins/YOURSKIN/include.php file, and modify the code that controls the sprite.

Using jrElastic as an example:
    // Tell the core the default icon set to use (black or white)
    jrCore_register_module_feature('jrCore','icon_color','jrElastic','black');
    // Tell the core the size of our action buttons (width in pixels, up to 64)
    jrCore_register_module_feature('jrCore','icon_size','jrElastic',30);

The CSS for the sprite, the gradient color and border etc..., is in your skins/YOURSKIN/css/core_form_button.css file and is the sprite_icon class.

If you want to use a different image, you would need to modify the template that the jrCore_icon function is in, and replace it with your image.

Hope this helps,
Douglas


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
brian
@brian
10 years ago
10,148 posts
Ekwe:
Hello, having problems finding a way to modify and change the button for add to playlist. I am seeing {$icon_html}

How do I edit it. I want a jpg to be in place for the ajax box to pop up

Just remove {$icon_html} and put an img tag in for the img you want to replace it with.

Hope this helps!


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
alt=
Ekwe
@ekwe
10 years ago
212 posts
brian:
Ekwe:
Hello, having problems finding a way to modify and change the button for add to playlist. I am seeing {$icon_html}

How do I edit it. I want a jpg to be in place for the ajax box to pop up

Just remove {$icon_html} and put an img tag in for the img you want to replace it with.

Hope this helps!

Ok, I tried this. It changed the image but did not link to the pop up box for playlists anymore
michael
@michael
10 years ago
7,714 posts
the link to the playlist popup looks like this
<a title="add to playlist" onclick="jrPlaylist_select('18','jrAudio',null)">(the image goes in here)</a>

so make sure you have that onclick section in where you are wanting to put it.

Use {debug} to get the ID's of the items for the jrPlaylist_select()

"{debug}"
http://www.jamroom.net/the-jamroom-network/documentation/development/1477/debug
alt=
Ekwe
@ekwe
10 years ago
212 posts
Still not working.

I put

What next do I do? Couldn't watch the video
alt=
Ekwe
@ekwe
10 years ago
212 posts
please help out here
douglas
@douglas
10 years ago
2,790 posts
I just added this to the music_row.tpl for MediaPro, so this should work on any of your music row templates...

< a href="#" onclick="jrPlaylist_select('{$item._item_id}','jrAudio',null);">Add To Playlist< /a>

Just replace the text Add To Playlist with the image code you want to use.

Hope this helps,
Douglas


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos

Tags