Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

July 7 - July 17 | Round 2 of the Power BI Dataviz World Championships. Don't miss your chance! Learn more

Reply
Syndicate_Admin
Administrator
Administrator

JSON - pageNavigator Visual - StyleNames & CardNames

Hola

Actualmente estoy trabajando en un archivo JSON corporativo para nuestra temática PBI y, aunque he encontrado una gran cantidad de recursos para todo lo demás, no puedo encontrar ningún recurso en línea que contenga lo que funcionarán StyleNames y CardNames para establecer los parámetros del aspecto del elemento PageNavigator.

Si bien he encontrado el VisualName de 'pageNavigator', no puedo encontrar nada para ajustar la forma, el diseño de la cuadrícula, etc. para que esto funcione.

Las propiedades globales para mi archivo JSON, como la fuente, ya están establecidas, por lo que solo son aquellas que afectan específicamente el diseño de los elementos del navegador que necesito.

¿Alguien ha tenido éxito con esto?

6 REPLIES 6
Syndicate_Admin
Administrator
Administrator

Entonces, cada vez que intento agregar el código pageNavigator en el archivo JSON, no funciona, es cierto que no tengo ni idea de lo que estoy haciendo, todo lo que quiero hacer es establecer por defecto todas las fuentes en helvetica, sin importar lo que sea, tabla, gráfico, cualquier cosa.... ¿Alguien puede ayudar? Este es el estado actual de mi archivo JSON:

{
"name":"IWP",
"dataColors":["#5F9C42","#116035","#58B672","#028E0B","#71C0A7","#57B956","#478F48","#B0F6B2","#3599B8","#DFBFBF","#4AC5BB","#5F6B6D","#FB8281","#F4D25A","#7F898A","#A4DDEE","#FDAB89","#B687AC","#28738A","#A78F8F","#168980","#293537","#BB4A4A","#B59525","#475052","#6A9FB0","#BD7150","#7B4F71","#1B4D5C","#706060","#0F5C55","#1C2325"],
"tableAccent":"#094782",
"maximum":"#094782",
"center":"#326633",
"minimum":"#A8AAAD",
"visualStyles":{"*":{"*":{"*":[{"fontsize":12,"fontFamily":"Helvetica","color":{"solid":{}}}],
								"background":[{"color":{"solid":{"color":"#F2F9EC"}},"transparency":100}]}},
								"page":{"*":{"background":[{"color":{"solid":{"color":"#FCF4E7"}},"transparency":0}],
								"outspace":[{"color":{"solid":{"color":"#F9F9F9"}}}]}}},
								"foregroundNeutralSecondary":"#54595F",
								"background":"#F9F9F9",
								"backgroundNeutral":"#5F982F",
								"backgroundLight":"#FAFAFA",
								"foregroundNeutralTertiary":"#795C2E",
								"textClasses":{"title":{"color":"#795C2E",
								"fontFace":"Helvetica"},
								"label":{"fontFace":"Helvetica"},
								"callout":{"fontFace":"Helvetica"},
								"header":{"fontFace":"Helvetica"}}}

Sin embargo, tan pronto como agrego el código, no funciona..... Con el código agregado se ve así:

{
"name":"IWP",
"pageNavigator": {"*": {"shape": [{"$id": "default","roundEdge": 25,"tileShape": "rectangleRounded"}]}},
"dataColors":["#5F9C42","#116035","#58B672","#028E0B","#71C0A7","#57B956","#478F48","#B0F6B2","#3599B8","#DFBFBF","#4AC5BB","#5F6B6D","#FB8281","#F4D25A","#7F898A","#A4DDEE","#FDAB89","#B687AC","#28738A","#A78F8F","#168980","#293537","#BB4A4A","#B59525","#475052","#6A9FB0","#BD7150","#7B4F71","#1B4D5C","#706060","#0F5C55","#1C2325"],
"tableAccent":"#094782",
"maximum":"#094782",
"center":"#326633",
"minimum":"#A8AAAD",
"visualStyles":{"*":{"*":{"*":[{"fontsize":12,"fontFamily":"Helvetica","color":{"solid":{}}}],
								"background":[{"color":{"solid":{"color":"#F2F9EC"}},"transparency":100}]}},
								"page":{"*":{"background":[{"color":{"solid":{"color":"#FCF4E7"}},"transparency":0}],
								"outspace":[{"color":{"solid":{"color":"#F9F9F9"}}}]}}},
								"foregroundNeutralSecondary":"#54595F",
								"background":"#F9F9F9",
								"backgroundNeutral":"#5F982F",
								"backgroundLight":"#FAFAFA",
								"foregroundNeutralTertiary":"#795C2E",
								"textClasses":{"title":{"color":"#795C2E",
								"fontFace":"Helvetica"},
								"label":{"fontFace":"Helvetica"},
								"callout":{"fontFace":"Helvetica"},
								"header":{"fontFace":"Helvetica"}}}

¿Alguien quiere intentar arrojar algo de luz sobre esto?

Syndicate_Admin
Administrator
Administrator

HI @MarvinVitcu ,

Si su problema ha sido resuelto, si es así, considere Aceptar una respuesta correcta como la solución o comparta su propia solución para ayudar a otros a encontrarla.

Saludos
Lucien

Syndicate_Admin
Administrator
Administrator

Aquí tienes 🙂

"pageNavigator": {
"*": {
"frontera": [{
"show": falso
}],
"título": [{
"show": falso
}],
"visualHeader": [{
"show": falso
}],
"esquema": [{
"show": falso
},{
"$id": "predeterminado",
"transparencia": 0,
"lineColor": {"solid":{"color":"#FFFFFF"}},
"peso": 2
},{
"$id": "flotar",
"transparencia": 0,
"lineColor": {"solid":{"color":"#FFFFFF"}},
"peso": 2
},{
"$id": "prensa",
"transparencia": 0,
"lineColor": {"solid":{"color":"#FFFFFF"}},
"peso": 2
},{
"$id": "seleccionado",
"transparencia": 0,
"lineColor": {"solid":{"color":"#FFFFFF"}},
"peso": 2
},{
"$id": "deshabilitado",
"transparencia": 0,
"lineColor": {"solid":{"color":"#FFFFFF"}},
"peso": 1
}],
"relleno": [{
"show": falso
},{
"$id": "predeterminado",
"transparencia": 0,
"fillColor": {"solid":{"color":"#FFFFFF"}}
},{
"$id": "flotar",
"transparencia": 0,
"fillColor": {"solid":{"color":"#FFFFFF"}}
},{
"$id": "prensa",
"transparencia": 0,
"fillColor": {"solid":{"color":"#FFFFFF"}}
},{
"$id": "seleccionado",
"transparencia": 0,
"fillColor": {"solid":{"color":"#FFFFFF"}}
},{
"$id": "deshabilitado",
"transparencia": 0,
"fillColor": {"solid":{"color":"#FFFFFF"}}
}],
"texto": [{
"show": verdadero
},{
"$id": "predeterminado",
"fontFamily": "Arial",
"fontSize": 9,
"fontColor": {"solid":{"color":"#FFFFFF"}},
"horizontalAlignment": "centro",
"verticalAlignment": "medio"
},{
"$id": "flotar",
"fontSize": 9,
"fontColor": {"solid":{"color":"#FFFFFF"}},
"fontFamily": "Arial"
},{
"$id": "prensa",
"fontSize": 9,
"fontColor": {"solid":{"color":"#FFFFFF"}},
"fontFamily": "Arial"
},{
"$id": "seleccionado",
"fontSize": 10,
"fontColor": {"solid":{"color":"#FFFFFF"}},
"fontFamily": "Arial"
},{
"$id": "deshabilitado",
"fontSize": 9,
"fontColor": {"solid":{"color":"#FFFFFF"}},
"fontFamily": "Arial"
}],
"páginas" :[{
"showHiddenPages": false,
"showTooltipPages": false
}]
}
}

Hola MarvinVitcu,

¿Tiene alguna idea de cómo podríamos establecer la forma predeterminada del botón de navegación? estamos cambiando manualmente esto a rectángulo redondeado cada vez, ¿tan curioso si esto se puede agregar a la especificación json?

Eh 🙂

Probé muchos nombres diferentes para las propiedades. Parece que no hay ninguna opción para especificar la forma predeterminada de la navegación en el tema json.

Syndicate_Admin
Administrator
Administrator

HI @jpmuk ,

Desafortunadamente, no pude encontrar ninguna documentación sobre este tema.

RECOMIENDA:

https://powerbidocs.com/2022/01/09/page-navigator-in-power-bi/

Saludos

Lucien

Helpful resources

Announcements
FabCon and SQLCon Barcelona 2026

FabCon & SQLCon – Barcelona 2026

Join us in Barcelona for FabCon and SQLCon, the Fabric, Power BI, SQL, and AI community event. Save €200 with code FABCMTY200.

60 days of Data Days Carousel

Data Days 2026

Join Fabric Data Days 2026: 60 days of free live/on-demand sessions, challenges, study groups, and certification opportunities.

Power BI DataViz World Championships carousel

Power BI DataViz World Championships - June 2026

A new Power BI DataViz World Championship is coming this June! Don't miss out on submitting your entry.

Top Kudoed Authors