cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Ross73312 Community Champion
Community Champion

Editting an existing Custom Visual causes Icon to stop working

I'm still new at editting Custom Visuals.  We are using the Timeline Slider V1.3.17 written by Microsoft but just needed some updates to how the years were displayed.  After some initial trouble with GUIDs needing to be changed to ensure i could see my updates, i've managed to get the visual to do everything I want.

 

The only catch is making any change to the javascript file causes the icon to cease working. Its just an empty square in the Visualiations pane. Its selectable and funcitonal, except its just empty.

 

The files and links to those files are unchanged.  I'm curious if others have run into similar issues and have found a solution?

2 ACCEPTED SOLUTIONS

Accepted Solutions
MawashiKid Resolver II
Resolver II

Re: Editting an existing Custom Visual causes Icon to stop working

Hi,

You mean the Timeline sample right?
Timeline.png

Note if you click on Github link you'll notice it will direct you to a deprecated CORE version. So this visual as some others were previously built using the CORE version which is basically an application built in Visual Studio 2015. I haven't seen any updated CLI code source version.

So in order to bring modifications to any existing pbiviz you have 3 options:

1 - as you mentioned, you may try to decompile the pbviz (changing pbviz to zip - bring modification
     like changing GUID then recompile it). However this approach may NOT always work as expected.
    The approach has been mentioned a few times... though to be honnest I wouldn't bet a million do$ on it.
2- next approach would be to take the available code on Github and bring modifications right at the source.
    The CORE application doesn't provide any pbiviz command line righ out of the box like PBI CLI pbiviz package.
    Though I managed to create pbiviz file through Gulp package method. Following link gives an example how it can be done.

    http://amolpandey.com/2016/08/02/powerbi-how-to-create-pbiviz-file-custom-visualization/

3- last option well is you feel comfortable enough is to rebuild a new CLI version from scratch then be my guest.

 

Hope this helps

View solution in original post

Ross73312 Community Champion
Community Champion

Re: Editting an existing Custom Visual causes Icon to stop working

I figured out what i was missing!!!!  In the CSS file, right down the bottom, i'd missed that there was a function: "visual-icon.<GUID>".

 

Because i'd not updated this GUID as i had in the other files, this wasn't working and was causing the missing icon. PHEW!

View solution in original post

6 REPLIES 6
Community Support
Community Support

Re: Editting an existing Custom Visual causes Icon to stop working

@Ross73312,

 

Seems there is some conflict, you may create a new .pbix file.

Community Support Team _ Sam Zha
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.
MawashiKid Resolver II
Resolver II

Re: Editting an existing Custom Visual causes Icon to stop working

Hi,

You mean the Timeline sample right?
Timeline.png

Note if you click on Github link you'll notice it will direct you to a deprecated CORE version. So this visual as some others were previously built using the CORE version which is basically an application built in Visual Studio 2015. I haven't seen any updated CLI code source version.

So in order to bring modifications to any existing pbiviz you have 3 options:

1 - as you mentioned, you may try to decompile the pbviz (changing pbviz to zip - bring modification
     like changing GUID then recompile it). However this approach may NOT always work as expected.
    The approach has been mentioned a few times... though to be honnest I wouldn't bet a million do$ on it.
2- next approach would be to take the available code on Github and bring modifications right at the source.
    The CORE application doesn't provide any pbiviz command line righ out of the box like PBI CLI pbiviz package.
    Though I managed to create pbiviz file through Gulp package method. Following link gives an example how it can be done.

    http://amolpandey.com/2016/08/02/powerbi-how-to-create-pbiviz-file-custom-visualization/

3- last option well is you feel comfortable enough is to rebuild a new CLI version from scratch then be my guest.

 

Hope this helps

View solution in original post

Ross73312 Community Champion
Community Champion

Re: Editting an existing Custom Visual causes Icon to stop working

Thanks.  Sounds like its going to be a lot more difficult then a simple edit.  For now this works to get me out of trouble.  I'll investigate the CORE version and see if i can make similar changes there.

Ross73312 Community Champion
Community Champion

Re: Editting an existing Custom Visual causes Icon to stop working

I figured out what i was missing!!!!  In the CSS file, right down the bottom, i'd missed that there was a function: "visual-icon.<GUID>".

 

Because i'd not updated this GUID as i had in the other files, this wasn't working and was causing the missing icon. PHEW!

View solution in original post

vietdung126
New Member

Re: Editting an existing Custom Visual causes Icon to stop working

Sorry to dig up an old post. Could you please explain how you managed to make changes to existing visual, Ross? I assume you used 7-zip?

Ross73312 Community Champion
Community Champion

Re: Editting an existing Custom Visual causes Icon to stop working

@vietdung126this method is no longer relevant as Microsoft has changed/updated the methods for altering visuals.  I don't believe my method works anymore.

Helpful resources

Announcements
June 2020 Community Challenge: Can You Solve These?

June 2020 Community Challenge: Can You Solve These?

We're excited to announce our first cross-community 'Can You Solve These?' challenge!

Announcing the New Spanish Forum

Announcing the New Spanish Forum

Do you need help in Spanish? Check out our new Spanish community section.

April 2020 Community Highlights

April 2020 Community Highlights

Info on our Super Users, MBAS content and badges, and updates to our support articles. - Read the full Community Highlights.

MBAS Gallery 2020

MBAS Gallery 2020

Watch Microsoft Business Applications Summit sessions on-demand.