FFFFFF | Salesforce Trailblazer Community

Issue in Iphone and also in android - Blue color links are coming for phone number(plain text) in an email

I have an email where footer have phone number and these are should be white in color.

I have added the color accordingly which is plain text and no anchor tag.

In phone and in android phone also the number are turning blue in color and are becoming clickable. Itried span , div , p tags none of them worked. I also tried the meta tags and css given on some websites still they didn't. has someone emcountered the same issue before.

I am aware that this is expected behaviour of phone but can we control this or it will remain as is i.e. blue in color??

4 Antworten

Ashwini Bodhade (KPMG)
2. Juli, 04:34
@Sam Seelbachm I did inside p tag , yes you are right outside of this I also didn't found any workable solution.

Kommentar hinzufügen

Antwort schreiben...

0/9000

14. Mai 2021, 15:57

Change Background color in rich text component

Currently Looking for a way to change the background color in a rich text component in lightning when displaying a custom message. Currently it is white but I would like to change the background to red. I can only change the text color.

3 Antworten

Jimmy petar
21. Juni, 07:39
You can change the background color in the rich text component by using the style or editor settings available in your platform. Choose a color that improves readability and matches your design theme. If you want a more creative appearance, pairing the background with a font unik style can make the content look more attractive and visually engaging.

Kommentar hinzufügen

Antwort schreiben...

0/9000

19. Juni 2019, 01:24

How to remove color from cells w no data

Hi guys I am a rookie and I have a problem i need help with. I am trying to color code columns to represent Age Group. However the cells that are not associated or cells that do not have relevant data are also getting colored.

For eg Category Izvie only has data with values Elementary or Primary under Column Age Group but the cells under High and Super high are also filled w color. I want these 2 cells, for eg. to be blank. How can I do that

Basic overview on what I am trying to measure:- I am just distinct counting ID Column and show it by Main category, Sub Category, Category and Age Group.

Attached is the tableau file. I have looked at many videos and tried to solve it with an ATTR() field at column level but could not. I hope I can get some help.

How to remove color from cells w no data

6182019.twbx

7 Antworten

Madhuri Tanniru (Point72)
24. Juni 2019, 20:41
Please see if this is what you are looking for

I have also edited by Preferences file to get the colors you are looking for

Location of the file "Preferences.tps" : C:\Users\<userName>\Documents\My Tableau Repository
Add the following to the file
<color-palette name="Customized 6 color Palette" type="ordered-diverging">
            <color>⌗FFFFFF</color>
            <color>⌗3498DB</color>
            <color>⌗229954 </color>
            <color>⌗F7DC6F</color>
            <color>⌗873600</color>
            <color>⌗E74C3C</color>
        </color-palette>

Thanks
Madhuri

Kommentar hinzufügen

Antwort schreiben...

0/9000

21. Mai 2024, 11:09

Pass filter in the url through application

Hi Team,

I have a .Net application where i embed my tableau server url now what i need is i have a client id for user login now i need to pass the client id in the embed url and need to display the dashboard.can anyone help me with this.(with that client id filtering after only i need to display the filtered dashboard)

2 Antworten

21. Mai 2024, 13:27

@Eswaramoorthi k

Hi, when using the tableau-viz component, you can add filters:

     <tableau-viz
        id="tableauViz"
        width="1100"
        height="650"
        hide-tabs
        disable-url-actions=false
        src="https://public.tableau.com/views/LearnEmbeddedAnalytics/SalesOverviewDashboard"
        device="Desktop"
        toolbar="bottom"
        >
	<viz-filter field="Region" value="North"> </viz-filter> 
    </tableau-viz>

My example with Tableau Public:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Your Embed Project</title>
    <!--- Load Tableau JavaScript API V3  --->
    <script type="module" src="https://public.tableau.com/javascripts/api/tableau.embedding.3.latest.min.js"></script>
	<script type="text/javascript">
		function RegionFilter(region) {
            const viz = document.getElementById('tableauViz');
			var sheet = viz.workbook.activeSheet;
            if (region === "") {
                sheet.applyFilterAsync('Region', [region], 'all');
            } else {
				console.log([region]);
                sheet.applyFilterAsync('Region', [region], 'replace');
            }
        }
		function exportToPDF() {
            const viz = document.getElementById('tableauViz');
			viz.displayDialogAsync("export-pdf");
        }
		function exportToPPT() {
            const viz = document.getElementById('tableauViz');
			viz.displayDialogAsync("export-powerpoint");
        }
		function exportToCSV() {
            const viz = document.getElementById('tableauViz');
			viz.displayDialogAsync("export-data");
        }
	</script>
</head>
<body>
 
<!--- Viz Component - renders on page load --->
    <div id="controls" style="padding:20px;">
        Region: <select id="changeRegion" onchange="RegionFilter(value);">
            <option value="">All</option>
            <option value="Central">Central</option>
            <option value="North" selected>North</option>
			<option value="South">South</option>
        </select>
    </div>
	<div>
	        <li><a style="background-color:#FFFFFF" id="aExportToPDF" href="javascript:exportToPDF();"
          class="cta">Export PDF</a></li>
			<li><a style="background-color:#FFFFFF" id="aExportToPPT" href="javascript:exportToPPT();"
          class="cta">Export PPT</a></li>
			<li><a style="background-color:#FFFFFF" id="aExportToCSV" href="javascript:exportToCSV();"
          class="cta">Export CSV</a></li>
	</div>
     <tableau-viz
        id="tableauViz"
        width="1100"
        height="650"
        hide-tabs
        disable-url-actions=false
        src="https://public.tableau.com/views/LearnEmbeddedAnalytics/SalesOverviewDashboard"
        device="Desktop"
        toolbar="bottom"
        >
		<viz-filter field="Region" value="North"> </viz-filter> 
    </tableau-viz>
</body>
</html>

https://help.tableau.com/current/api/embedding_api/en-us/docs/embedding_api_filter.html

If this post resolves the question, would you be so kind to "Select as Best"?. This will help other users find the same answer/resolution and help community keep track of answered questions. Thank you.

Regards,

Diego Martinez

Tableau Visionary and Forums Ambassador

Kommentar hinzufügen

Antwort schreiben...

0/9000

5. Okt. 2023, 11:51

I am not able to filter a single value drop down field and it throws an error.

I successfully filtered Multi select dropdown but when tried to filter the single value dropdown it throws the below error:

I am not able to filter a single value drop down field and it throws an error. Here is the code:

function day_filter(day) {
  let viz = document.getElementById("tableauViz");
  let sheet = viz.workbook.activeSheet;
  sheet.applyFilterAsync("Job Created In", ["Last 30 Days"], FilterUpdateType.Replace);
}

The is the field I am filtering

2 Antworten

5. Okt. 2023, 12:40

@Tester Techleadz

Hi, I have tested with a single selection filter and it works:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Your Embed Project</title>
    <!--- Load Tableau JavaScript API V3  --->
    <script type="module" src="https://public.tableau.com/javascripts/api/tableau.embedding.3.latest.min.js"></script>
	<script type="text/javascript">
		function RegionFilter(region) {
            const viz = document.getElementById('tableauViz');
			var sheet = viz.workbook.activeSheet;
            if (region === "") {
                sheet.applyFilterAsync('Region', [region], 'all');
            } else {
				console.log([region]);
                sheet.applyFilterAsync('Region', [region], 'replace');
            }
        }
		function exportToPDF() {
            const viz = document.getElementById('tableauViz');
			viz.displayDialogAsync("export-pdf");
        }
		function exportToPPT() {
            const viz = document.getElementById('tableauViz');
			viz.displayDialogAsync("export-powerpoint");
        }
	</script>
</head>
<body>
<!--- Viz Component - renders on page load --->
    <div id="controls" style="padding:20px;">
        Region: <select id="changeRegion" onchange="RegionFilter(value);">
            <option value="">All</option>
            <option value="Central">Central</option>
            <option value="East">East</option>
			<option value="South">South</option>
			<option value="West">West</option>
        </select>
    </div>
	<div>
	        <li><a style="background-color:#FFFFFF" id="aExportToPDF" href="javascript:exportToPDF();"
          class="cta">Export PDF</a></li>
			<li><a style="background-color:#FFFFFF" id="aExportToPPT" href="javascript:exportToPPT();"
          class="cta">Export PPT</a></li>
	</div>
     <tableau-viz
        id="tableauViz"
        width="1100"
        height="650"
        hide-tabs
        disable-url-actions=false
        src="https://public.tableau.com/views/Test_16355302091630/Hoja1"
        device="Desktop"
        toolbar="bottom"
        >   
    </tableau-viz>
</body>
</html>

I wonder if your box is a parameter. In that case you should use:

https://help.tableau.com/current/api/embedding_api/en-us/reference/interfaces/workbook.html#changeparametervalueasync

  const paramValue = 'City'; // possible values: City, Postal and None (case sensitive)
  const updatedParam = await viz.workbook.changeParameterValueAsync('Label to display', paramValue);

Regards,

Diego Martinez

Tableau Visionary and Forums Ambassador

Kommentar hinzufügen

Antwort schreiben...

0/9000

4. März 2020, 10:28

How do I change the center color to white for a Custom Diverging palette (Attached image and sample data source)

TEST.xlsx

5 Antworten

Bhadresh Maniya
4. März 2020, 10:46
Hi Manoj,

You need to create custom palate from below path:

Once you edit preferences.tps after then write below code between <preferences> and </preferences> tag

<color-palette name="Test" type="ordered-sequential" >
<color>⌗2dc2d5</color>
<color>⌗FFFFFF</color>
<color>⌗f7b815</color>
</color-palette>

Now You have give palette Name as 'Test' so select Test palette in tableau.

Note: Once you created Custom Palette you need to reopen workbook.

Let me know if you have any issue.

Please find attached workbook for your reference.

Kommentar hinzufügen

Antwort schreiben...

0/9000

16. März 2021, 14:20

How to Sync circle sizes of two bubble charts

Hello, experts,

Another interesting case and a problem occurred that i didn't take into consideration when i recommended to the client the specific visualization. see attached the workbook.

So what we have are two similar graphs (bubble charts, i'm using circles and distinct count on textID), so both graphs compares "Brand5" on the left with any choosen brand on the right, applying the following filters: Market, Levels, Position.

The issue is that i do not have axis in order to sync it between the graphs and for example bubble on the left with count of 1 is with the exact same size with the bubble on the right with countd textID of 4 (e.g. Overall Satisfaction > USA > Level2 > Position1 > Brand2 on the right graph).

Changing the viz is not acceptable at this time, given that the client really like it, but still how to proceed in order to sync the sizes from left and right graphs in order to be same and be able to compare each other visually, not only comparing the info within the tooltip?

Kind Regards,

Data_TA.xlsx

3 Antworten

Tableau Community Forums Member (Inactive) (Salesforce)
17. März 2021, 07:41
Hi
Seems only way is to have them in same sheet
attached demo as reference
Size sync for bubbles.twbx

Kommentar hinzufügen

Antwort schreiben...

0/9000

14. Mai 2024, 18:23

Button caption text alignment in XML

To those who have edited the .twb file, were you able override the button text alignment? I'm trying to make it right aligned.

I've tried adding <format attr='text-align' value='right' />

I've tried fontalignment='2'

But, to no avail.

<button-visual-state>

<caption>Introduction</caption>

<tooltip-text>Introduction</tooltip-text>

<button-caption-font-style fontcolor='⌗002f6c' fontname='Arial' fontsize='11' />

</button-visual-state>

</button>

2 Antworten

Nikolay Gerasimov
15. Mai 2024, 09:29
Hello, @Brian Cortes !

Maybe spaces will help! Like here.

Best,
Nick

Kommentar hinzufügen

Antwort schreiben...

0/9000

1. Apr. 2022, 13:46

Hello I am trying to add a custom color palette and I keep getting the following error:

Unable to complete action

There is an error parsing Preferences.tps. This can occur if quotation marks other than basic single quotes (') or double quotes (") are used around attribute names. Until this is corrected, Tableau Desktop will use the default color palettes.

The following 1 errors occurred while parsing Preference file"C:\Users\byork\OneDrive - State of Oklahoma\Documents\My Tableau Repository\Preferences.tps":

Fatal Error(14,3): expected end of tag 'preferences' (id: C:\Users\byork\OneDrive - State of Oklahoma\Documents\My Tableau Repository\Preferences.tps)

This is the code that I have in my preferences.tps file:

<?xml version='1.0'?>

<color-palette name='ODWC Brand' type='regular'>

<color>⌗FFFFFF</color>

</color-palette>

</preference>

</workbook>

3 Antworten

1. Apr. 2022, 13:53

Strike that--I see the problem. The closing tag for "preference" should actually be "preferences" (plural).

<?xml version='1.0'?>
 
<workbook>
<preferences>
 
<color-palette name='ODWC Brand' type='regular'>
<color>⌗EAAB4E</color>
<color>⌗482911</color>
<color>⌗E45B39</color>
<color>⌗FFFFFF</color>
<color>⌗757A4D</color>
<color>⌗003868</color>
<color>⌗000000</color>
<color>⌗8C9297</color>
</color-palette>
 
</preferences>
</workbook>

Kommentar hinzufügen

Antwort schreiben...

0/9000

19. Jan. 2017, 11:55

Color grading in bars

Hi, Everyone!

I would like to do that gradient effect in bars, but the only thing I got was color grading by value on each bar. Can you help me to do that on tableau?

Color grading in bars

thx

Leonardo

9 Antworten

Yuri Fal
19. Jan. 2017, 14:03
Dunno why I'm doing this -- those gradients inside bars make no sense to me --
may be just to mention that there is one type of viz where gradient colours apply --
a Line Chart.

I've added to the workbook made by Shin.
Please find the attached.
Dunno if this could help, though :-)

Yours,
Yuri

Kommentar hinzufügen

Antwort schreiben...

0/9000

#FFFFFF0 diskutieren mit

Verwandte Lerninhalte

Bestenliste für #FFFFFF

Keine aktiven Leiter.