[RELEASE] guidehud - Loading Screen / In-Game Menu

[MythicalMad]

Is there anyway to remove panels in controls and or add ones?

Edit I figured out how to remove them and add, but now the rules and control tabs over lap

[LetMeWoosh]

I have it all installed - Music works in my browser but in game it is giving me 101 errors in disguise. These are all videos uploaded to one of my channels on YouTube. How do i fix this?

[Hiso]

Most probably songs got copyrighted…I test songs with RADIO item in-game (hifi was it’s name over here i believe), and if they work on the radio item, they work also on every script using youtube…i know, it’s a pain to test all 1 by 1 but hell, it’s worth it better than finding your music ain’t working ingame suddently after adding it and restarting everything 20 times XD

[CSCOTT]

When I close the in game menu it breaks and doesnt let me move or anything

Edit: NVM The resource needs to be named guidehud for anyone else with the problem. Urs is probably guidehud-master

[Aviana]

Hi there people, I was wondering if anybody can tell me how to add another tab.
I have added a “News” TAB but it stays highlighted and wont open. the cursor changes from normal to a hand and I see the link addy in the bottom of my screen so I know it is seeing it, but it wont open.

What I did, after reading through all the code was copy and paste the controls code onto a new line and changed all the control type text and its innertabs to news and the inner tabs to server, staff and events. I went through every document and did the same thing according to the document, but no matter what I do it wont open. I have read through all the code multiple times to see if there was something i missed, and if there is Im not seeing it. If anybody could lend a hand I would really appreciate it. Here are the files I changed in case you need this for reference.
HUD UI.HTML (SECTION I ADDED)

NEWS

    <div class="tab-pane fade" id="pills-news" role="tabpanel" aria-labelledby="pills-news-tab">
    <!-- News Inner Tabs -->
      <div class="nav flex-column nav-pills inner-tabs" id="v-pills-tab" role="tablist" aria-orientation="vertical">
        <a class="nav-link nav-link-inner active" id="v-pills-server-tab" data-toggle="pill"
          href="#v-pills-server" role="tab" aria-controls="v-pills-server" aria-selected="true">SERVER</a>
           <a class="nav-link nav-link-inner" id="v-pills-staff-tab" data-toggle="pill" href="#v-pills-staff" role="tab"
          aria-controls="v-pills-staff" aria-selected="false">STAFF</a>
        <a class="nav-link nav-link-inner" id="v-pills-events-tab" data-toggle="pill" href="#v-pills-events"
          role="tab" aria-controls="v-pills-events" aria-selected="false">EVENTS</a>
          </div>
          <div class="tab-content tab-content-inner" id="v-pills-tabContent">
        <div class="tab-pane fade show active" id="v-pills-server" role="tabpanel"
          aria-labelledby="v-pills-server-tab">
          <!-- Server end! -->
        </div>
        <div class="tab-pane fade" id="v-pills-staff" role="tabpanel" aria-labelledby="v-pills-staff-tab">
          <!-- Staff end -->
        </div>
        <div class="tab-pane fade" id="v-pills-events" role="tabpanel" aria-labelledby="v-pills-events-tab">
          <!-- Events end -->
        </div>
        </div>
      <!-- End News Inner Tabs -->
    </div>
    <!-- End News Tab -->

JS/app.js (SECTION I ADDED)

newsItems();
});

function newsItems() {
var serverList = document.querySelector(’#v-pills-server’);
var staffList = document.querySelector(’#v-pills-staff’);
var eventsList = document.querySelector(’#v-pills-events’);

server.forEach(function (item) {
var p = document.createElement(‘p’);

p.innerHTML = item;
serverList.appendChild(p);

});

staff.forEach(function (item) {
var p = document.createElement(‘p’);

p.innerHTML = item;
staffList.appendChild(p);

});

events.forEach(function (item) {
var p = document.createElement(‘p’);

p.innerHTML = item;
eventsList.appendChild(p);

});
}

Loading Screen UI. (SECTION I ADDED)

NEWS

    <div class="tab-pane fade" id="pills-news" role="tabpanel" aria-labelledby="pills-news-tab">
    <!-- News Inner Tabs -->
      <div class="nav flex-column nav-pills inner-tabs" id="v-pills-tab" role="tablist" aria-orientation="vertical">
        <a class="nav-link nav-link-inner active" id="v-pills-server-tab" data-toggle="pill"
          href="#v-pills-server" role="tab" aria-controls="v-pills-server" aria-selected="true">SERVER</a>
           <a class="nav-link nav-link-inner" id="v-pills-staff-tab" data-toggle="pill" href="#v-pills-staff" role="tab"
          aria-controls="v-pills-staff" aria-selected="false">STAFF</a>
        <a class="nav-link nav-link-inner" id="v-pills-events-tab" data-toggle="pill" href="#v-pills-events"
          role="tab" aria-controls="v-pills-events" aria-selected="false">EVENTS</a>
          </div>
          <div class="tab-content tab-content-inner" id="v-pills-tabContent">
        <div class="tab-pane fade show active" id="v-pills-server" role="tabpanel"
          aria-labelledby="v-pills-server-tab">
          <!-- Server end! -->
        </div>
        <div class="tab-pane fade" id="v-pills-staff" role="tabpanel" aria-labelledby="v-pills-staff-tab">
          <!-- Staff end -->
        </div>
        <div class="tab-pane fade" id="v-pills-events" role="tabpanel" aria-labelledby="v-pills-events-tab">
          <!-- Events end -->
        </div>
        </div>
      <!-- End News Inner Tabs -->
    </div>
    <!-- End News Tab -->

Config (SECTION I ADDED)

// Modify news below
var server = [
‘Some text here.’,
]

var staff = [
‘Some text here.’,
]

var events = [
‘Some text here.’,
]

The above is everything I have added. I have not changed a single line anywhere except in the config and that was to modify (false) the music player. So likely I missing something perhaps small, I am no coder, but I do take my time when reading through code to make sure that I follow the most obvious root. Sorry for the wall of text but I would really like some help on this and the best way for that to happen is for ya`ll to know exactly what I did. Thanks so much for any future help on this problem!!

[Aviana]

Does anyone know what I did wrong here. I would really appreciate some help!
Thanks again

[Aviana]

Well, I figured it out. If anyone wants to know just send me a message. Hopefully I`ll save you a headache and many cups of coffee <3

[DarkNosS96]

hello, is it possible to add music from local files or from something that isn’t blocked? most of YouTube music doesn’t support embed anymore

[Nzichitanza]

Sorry for my english.
I need info:

-Unfortunately it has been asked several times, but since it is not possible to upload any youtube music because many are not played due to copyright, so I would be interested to know how to put music in .mp3 or .ogg local.

-I would like to put a video for a few days instead of the background images, could you tell me how to do it? I did some tests but bust everything … In case I have a loading with a video that plays from youtube in fullscreen and I can pass it to you in private to take a cue on the code (although I would prefer it with a local video like .mp4 or .avi) …

Sorry if I asked you 3000 questions, but thank you @Skordy

[Oblivious.F]

@Skordy Hey, love the script! How does one remove the “822X183 SERVER BANNER” text on the home screen of the guide, thank you!

[Xanterr]

Hi, I have a problem with your script. I launch the menu in the game and the mouse does not disappear

[Mapiiw]

You should replace it with your logo.png. It is located on guidehud\assets\img.

[Mapiiw]

As has been said many times (it means that you have not read the discussion) the script folder must remain “guidehud”. If you rename it with another name, this happens.

[Haidee]

Is there a way to change the colour of the bars on the loading screen that are just above the discord information?

[Gmd_NL]

i don´t think so

[Breakpoint13]

Would i be possible to be able to used the F2 function without the loading screen?

[TheApexWolf]

I keep getting the 101 error in disguise (Video cant be embedded), but I get that by EVERY video I put in, I’ve tried at least 3 different video’s now and the error keeps coming back. The resources isnt renamed, its named guidehud. I have no clue why it doesn’t work, it functions normally ingame, and while loading, escept for the music! If someone could help me out I would appriciate that!

Kind regards

[Alyvax]

Same for me. Even tried uploading a video on my own channel weith embedded allowed. Looks like a problem with the resource.

[Back_Office]

Did anybody manage to save background locally ? if yes can you share it ?

[TESTTRACK]

Is there a way to add another tab e.g and updates tab?
if so can someone help me ?