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 件の回答

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

コメントを追加

回答を記入...

0/9000

2021年5月14日 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 件の回答

Jimmy petar
6月21日 7: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.

コメントを追加

回答を記入...

0/9000

2019年6月19日 1: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 件の回答

Madhuri Tanniru (Point72)
2019年6月24日 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

コメントを追加

回答を記入...

0/9000

2024年5月21日 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 件の回答

2024年5月21日 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

コメントを追加

回答を記入...

0/9000

2023年10月5日 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 件の回答

2023年10月5日 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

コメントを追加

回答を記入...

0/9000

2020年3月4日 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 件の回答

Bhadresh Maniya
2020年3月4日 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.

コメントを追加

回答を記入...

0/9000

2021年3月16日 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 件の回答

Tableau Community Forums Member (Inactive) (Salesforce)
2021年3月17日 7:41
Hi
Seems only way is to have them in same sheet
attached demo as reference
Size sync for bubbles.twbx

コメントを追加

回答を記入...

0/9000

2024年5月14日 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 件の回答

Nikolay Gerasimov
2024年5月15日 9:29
Hello, @Brian Cortes !

Maybe spaces will help! Like here.

Best,
Nick

コメントを追加

回答を記入...

0/9000

2022年4月1日 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 件の回答

2022年4月1日 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>

コメントを追加

回答を記入...

0/9000

2017年1月19日 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 件の回答

Yuri Fal
2017年1月19日 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