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

Get Fabric Certified for FREE during Fabric Data Days. 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
Fabric Data Days Carousel

Fabric Data Days

Advance your Data & AI career with 50 days of live learning, contests, hands-on challenges, study groups & certifications and more!

October Power BI Update Carousel

Power BI Monthly Update - October 2025

Check out the October 2025 Power BI update to learn about new features.

FabCon Atlanta 2026 carousel

FabCon Atlanta 2026

Join us at FabCon Atlanta, March 16-20, for the ultimate Fabric, Power BI, AI and SQL community-led event. Save $200 with code FABCOMM.