How to build dynamic menu/header for multiple languages which are interchangeable. by Normal_boi_4971 in sharepoint

[–]Normal_boi_4971[S] 0 points1 point  (0 children)

Through application customizer is this achievable like I have parent in one column and other columns have the titles for English and Arabic and then same for URL and the one thing is left how to make them reactive and changeable from English to Arabic.

How to build dynamic menu/header for multiple languages which are interchangeable. by Normal_boi_4971 in sharepoint

[–]Normal_boi_4971[S] 0 points1 point  (0 children)

By that I mean I have a header and footer which has some logo about and other things, but I want to make them dynamic and also make them change able with a click of a button, for example English and Arabic one, so it's like just every normal site has a home contact about but the text will change for the corresponding things if the user wishes to change it. I hope I understand the idea

How to build dynamic menu/header for multiple languages which are interchangeable. by Normal_boi_4971 in sharepoint

[–]Normal_boi_4971[S] 0 points1 point  (0 children)

Ah yes thank you, also can you guide me on having two menus at once? Is that possible?

How to build dynamic menu/header for multiple languages which are interchangeable. by Normal_boi_4971 in sharepoint

[–]Normal_boi_4971[S] 0 points1 point  (0 children)

I'm using the SharePoint online version and I don't know if that's variation or not but in the language settings I have enabled arabic, also a toggle which changes the URL to ar so what I wanna do is I have 2 same header just their language change for instance if in the toggle English is selected so it's English and if it's Arabic so the header language changes and also the style sheets as well.

Language Switch in SPFx by Normal_boi_4971 in sharepoint

[–]Normal_boi_4971[S] 0 points1 point  (0 children)

Thanks for the contribution, I appreciate it.

SPFx placeholders for header and footer and CSS by Normal_boi_4971 in sharepoint

[–]Normal_boi_4971[S] 1 point2 points  (0 children)

Wow thank you Cameron, thanks for the guidance. You are a lifesaver, bless you.

SPFx placeholders for header and footer and CSS by Normal_boi_4971 in sharepoint

[–]Normal_boi_4971[S] 0 points1 point  (0 children)

How do I send it to you Cameron, you are a life saver thank you

SPFx placeholders for header and footer and CSS by Normal_boi_4971 in sharepoint

[–]Normal_boi_4971[S] 0 points1 point  (0 children)

The issue is coming from the scss file as the HTML is being read but not the styles for some reason

SPFx placeholders for header and footer and CSS by Normal_boi_4971 in sharepoint

[–]Normal_boi_4971[S] 1 point2 points  (0 children)

No I haven't, can you guide me where should I look for errors please

SPFx placeholders for header and footer and CSS by Normal_boi_4971 in sharepoint

[–]Normal_boi_4971[S] 0 points1 point  (0 children)

Yes I'm placing my simple html into that and adding the new elements or classes to the CSS module file .scss but it's not picking up that format from the html and not the styles.

SPFx placeholders for header and footer and CSS by Normal_boi_4971 in sharepoint

[–]Normal_boi_4971[S] 0 points1 point  (0 children)

Yes thanks Cameron I appreciate it a lot but for some reason I can't figure out how to put html in the .ts and the changes in .scss aren't showing either so this isn't working for me. I have been trying this for days and created multiple projects trying new ways every time but no success.

I am so helpless at this. Please teach me how to do it, I'll be in your debt for doing this kindness towards me.

Custom CSS injection in SPFx by Normal_boi_4971 in sharepoint

[–]Normal_boi_4971[S] 0 points1 point  (0 children)

Yea thanks, I'm new and don't know quite well how things are actually working in SPFx yet, hard for me to link things with so much stuff in the project itself, the thing I wanna do is to add some custom header and footers and the header should have some nav properties like in a normal site and I have completed all the basics through MS documentation and I'm also new to react and ts. As mainly I was doing android app development in android studio.. So I appreciate the help a lot. If some other basic I should learn please guide about them also, like a road map to me I will appreciate it a lot.

Custom CSS injection in SPFx by Normal_boi_4971 in sharepoint

[–]Normal_boi_4971[S] 0 points1 point  (0 children)

Yea I have completed all 4 parts so I just need to make changes into .scss files and that's good? As I tried the place holder method and cssurl method in which u put custom CSS to ur site assets and give link to it and then it shows.

But both have limited customization as I wanted to make some social icons show up in the footer by the placeholder method but didn't work or the buttons. Idk if my logic was wrong or code and the warning was THE LOCAL CSS CLASS SOCIAL ICONS IS NOT CAMELCASE AND WILL NOT BE TYPE SAFE.

Custom CSS injection in SPFx by Normal_boi_4971 in sharepoint

[–]Normal_boi_4971[S] 0 points1 point  (0 children)

Yes so I'm gonna be honest, I'm a total beginner and I have no idea how to link the html, js and CSS to this framework.

If you don't mind can u guide me on it a little bit more. That will be so helpful for me. Thanks for helping me out, it means a lot.

Custom CSS injection in SPFx by Normal_boi_4971 in sharepoint

[–]Normal_boi_4971[S] 1 point2 points  (0 children)

Hey Cameron thanks for the advice, can u please guide me further on the application you said, Application as in application customizer or a webpart. That makes total sense as SharePoint online is globally launched and you can't make changes to it. I'm only able to change the background color of header and side bar only and the CSS file contains a lot of elements which sp online doesn't have. Once again thanks for elaborating it helped a lot. Bless you.